12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- import { VantComponent } from '../common/component';
- VantComponent({
- field: true,
- classes: ['field-class', 'input-class', '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: '#ffffff'
- },
- maxlength: {
- type: Number,
- value: -1
- },
- shape: {
- type: String,
- value: 'square'
- },
- label: String
- },
- methods: {
- onChange(event) {
- this.set({ value: event.detail });
- this.$emit('change', event.detail);
- },
- onCancel() {
- this.set({ value: '' });
- this.$emit('cancel');
- this.$emit('change', '');
- },
- onSearch() {
- this.$emit('search', this.data.value);
- },
- onFocus() {
- this.$emit('focus');
- },
- onBlur() {
- this.$emit('blur');
- },
- onClear() {
- this.$emit('clear');
- },
- }
- });
|