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">
|
<Form-item prop="date">
|
||||||
<Date-picker type="date" placeholder="选择日期" v-model="formInline.date"></Date-picker>
|
<Date-picker type="date" placeholder="选择日期" v-model="formInline.date"></Date-picker>
|
||||||
</Form-item>
|
</Form-item>
|
||||||
|
<Form-item prop="value2">
|
||||||
|
<Cascader :data="formInline.data" v-model="formInline.value2" change-on-select></Cascader>
|
||||||
|
</Form-item>
|
||||||
<Form-item prop="user">
|
<Form-item prop="user">
|
||||||
<Input v-model="formInline.user">
|
<Input v-model="formInline.user">
|
||||||
</Form-item>
|
</Form-item>
|
||||||
|
@ -20,7 +23,55 @@
|
||||||
return {
|
return {
|
||||||
formInline: {
|
formInline: {
|
||||||
date: new Date(),
|
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: {
|
ruleInline: {
|
||||||
date: [
|
date: [
|
||||||
|
@ -43,6 +94,14 @@
|
||||||
message: '请输入2',
|
message: '请输入2',
|
||||||
trigger: 'blur'
|
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: {
|
watch: {
|
||||||
visible (val) {
|
visible (val) {
|
||||||
if (val) {
|
if (val) {
|
||||||
|
|
|
@ -152,7 +152,7 @@
|
||||||
},
|
},
|
||||||
handleBlur () {
|
handleBlur () {
|
||||||
this.$emit('on-blur');
|
this.$emit('on-blur');
|
||||||
if (!findComponentUpward(this, ['DatePicker', 'TimePicker'])) {
|
if (!findComponentUpward(this, ['DatePicker', 'TimePicker', 'Cascader'])) {
|
||||||
this.dispatch('FormItem', 'on-form-blur', this.currentValue);
|
this.dispatch('FormItem', 'on-form-blur', this.currentValue);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -171,7 +171,7 @@
|
||||||
this.resizeTextarea();
|
this.resizeTextarea();
|
||||||
});
|
});
|
||||||
this.currentValue = value;
|
this.currentValue = value;
|
||||||
if (!findComponentUpward(this, ['DatePicker', 'TimePicker'])) {
|
if (!findComponentUpward(this, ['DatePicker', 'TimePicker', 'Cascader'])) {
|
||||||
this.dispatch('FormItem', 'on-form-change', value);
|
this.dispatch('FormItem', 'on-form-change', value);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
Loading…
Add table
Reference in a new issue