# 同步事件
- 在
Vue2中,在组件上使用v-model进行双向绑定,相当于绑定value属性和input事件 - 在
Vue3中,为了使v-model指令在使用时可以更加灵活,v-model可以直接使用,也可以在后面带参使用(如v-model:value),它对应的同步事件则变为update:modelValue和update:value
# vue-easy-form使用同步事件的写法
`attrName`: {
label: "姓名",
component: {
name: "diyComponent ",
value: "自定义的值",
actions: [
{
trigger: "input", // 实时触发
handler: function() {
// 做自已想做的事
}
}
]
},
rules: {
required: true,
checks: {
trigger: "input", // 实时检测
handler: function() {
return true;
}
}
}
}
# vue3-easy-form使用同步事件的写法
直接改为true,系统会根据设置的model值自动匹配同步事件,比如:
- model为
默认值(modelValue)时,则同步事件为update:modelValue - model为
value时,则同步事件为update:value - model为
checked时,则同步事件为update:checked
`attrName`: {
label: "姓名",
component: {
name: "diyComponent",
value: "自定义的值",
actions: [
{
trigger: true, // 实时触发
handler: function() {
// 做自已想做的事
}
}
]
},
rules: {
required: true,
checks: {
trigger: true, // 实时检测
handler: function() {
return true;
}
}
}
}
← v-model