2018-10-31 09:51:10 +08:00

48 lines
1015 B
JavaScript

import { VantComponent } from '../common/component';
VantComponent({
field: true,
classes: ['cancel-class'],
props: {
focus: Boolean,
error: Boolean,
disabled: Boolean,
readonly: Boolean,
inputAlign: String,
showAction: Boolean,
useActionSlot: Boolean,
placeholder: String,
placeholderStyle: String,
background: {
type: String,
value: '#f2f2f2'
},
maxlength: {
type: Number,
value: -1
}
},
methods: {
onChange: function onChange(event) {
this.setData({
value: event.detail
});
this.$emit('change', event.detail);
},
onCancel: function onCancel() {
this.setData({
value: ''
});
this.$emit('cancel');
this.$emit('change', '');
},
onSearch: function onSearch() {
this.$emit('search', this.data.value);
},
onFocus: function onFocus() {
this.$emit('focus');
},
onBlur: function onBlur() {
this.$emit('blur');
}
}
});