prevent dispatch event
prevent dispatch event
This commit is contained in:
parent
21dad188c1
commit
04e5e3cd29
3 changed files with 62 additions and 12 deletions
|
@ -5,6 +5,9 @@
|
|||
<Form-item prop="date">
|
||||
<Date-picker type="date" placeholder="选择日期" v-model="formInline.date"></Date-picker>
|
||||
</Form-item>
|
||||
<Form-item prop="value2">
|
||||
<Cascader :data="formInline.data" v-model="formInline.value2" change-on-select></Cascader>
|
||||
</Form-item>
|
||||
<Form-item prop="user">
|
||||
<Input v-model="formInline.user">
|
||||
</Form-item>
|
||||
|
@ -20,7 +23,55 @@
|
|||
return {
|
||||
formInline: {
|
||||
date: new Date(),
|
||||
user: ''
|
||||
user: '',
|
||||
value2: [],
|
||||
data: [{
|
||||
value: 'beijing',
|
||||
label: '北京',
|
||||
children: [
|
||||
{
|
||||
value: 'gugong',
|
||||
label: '故宫'
|
||||
},
|
||||
{
|
||||
value: 'tiantan',
|
||||
label: '天坛'
|
||||
},
|
||||
{
|
||||
value: 'wangfujing',
|
||||
label: '王府井'
|
||||
}
|
||||
]
|
||||
}, {
|
||||
value: 'jiangsu',
|
||||
label: '江苏',
|
||||
children: [
|
||||
{
|
||||
value: 'nanjing',
|
||||
label: '南京',
|
||||
children: [
|
||||
{
|
||||
value: 'fuzimiao',
|
||||
label: '夫子庙',
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
value: 'suzhou',
|
||||
label: '苏州',
|
||||
children: [
|
||||
{
|
||||
value: 'zhuozhengyuan',
|
||||
label: '拙政园',
|
||||
},
|
||||
{
|
||||
value: 'shizilin',
|
||||
label: '狮子林',
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
}]
|
||||
},
|
||||
ruleInline: {
|
||||
date: [
|
||||
|
@ -43,6 +94,14 @@
|
|||
message: '请输入2',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
value2: [
|
||||
{
|
||||
required: true,
|
||||
type: 'array',
|
||||
message: '请输入',
|
||||
trigger: 'change'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
|
|
@ -198,15 +198,6 @@
|
|||
}
|
||||
});
|
||||
},
|
||||
// todo 事件 这是因为内部的input会触发,应该组织
|
||||
// events: {
|
||||
// 'on-form-blur' () {
|
||||
// return false;
|
||||
// },
|
||||
// 'on-form-change' () {
|
||||
// return false;
|
||||
// }
|
||||
// },
|
||||
watch: {
|
||||
visible (val) {
|
||||
if (val) {
|
||||
|
|
|
@ -152,7 +152,7 @@
|
|||
},
|
||||
handleBlur () {
|
||||
this.$emit('on-blur');
|
||||
if (!findComponentUpward(this, ['DatePicker', 'TimePicker'])) {
|
||||
if (!findComponentUpward(this, ['DatePicker', 'TimePicker', 'Cascader'])) {
|
||||
this.dispatch('FormItem', 'on-form-blur', this.currentValue);
|
||||
}
|
||||
},
|
||||
|
@ -171,7 +171,7 @@
|
|||
this.resizeTextarea();
|
||||
});
|
||||
this.currentValue = value;
|
||||
if (!findComponentUpward(this, ['DatePicker', 'TimePicker'])) {
|
||||
if (!findComponentUpward(this, ['DatePicker', 'TimePicker', 'Cascader'])) {
|
||||
this.dispatch('FormItem', 'on-form-change', value);
|
||||
}
|
||||
},
|
||||
|
|
Loading…
Add table
Reference in a new issue