# 同步事件
- 在
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