Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | 7x 7x 7x | <script>
import MEmitter from '../m-emitter.vue';
export default {
name: 'm-field',
isField: true,
mixins: [MEmitter],
data() {
return {
validatorVM: undefined,
formItemVM: undefined, // @compat
};
},
created() {
this.$dispatch(
($parent) =>
($parent.$options.name
&& $parent.$options.name.startsWith('u-form-item'))
|| $parent.$options.isField
|| $parent.$options.isValidator,
'add-field-vm',
this,
);
this.$on('update', (value) => {
const validatorVM = this.validatorVM || this.formItemVM; // @compat
validatorVM && validatorVM.$emit('update', value);
});
this.$on('input', (value) => {
const validatorVM = this.validatorVM || this.formItemVM; // @compat
validatorVM && validatorVM.$emit('input', value);
});
this.$on('change', ($event) => {
const validatorVM = this.validatorVM || this.formItemVM; // @compat
validatorVM && validatorVM.$emit('change', $event);
});
this.$on('focus', () => {
const validatorVM = this.validatorVM || this.formItemVM; // @compat
validatorVM && validatorVM.$emit('focus');
});
this.$on('blur', () => {
const validatorVM = this.validatorVM || this.formItemVM; // @compat
validatorVM && validatorVM.$emit('blur');
});
},
destroyed() {
const validatorVM = this.validatorVM || this.formItemVM; // @compat
validatorVM && validatorVM.$emit('remove-field-vm', this);
},
};
</script>
|