# 同步事件

  1. Vue2中,在组件上使用v-model进行双向绑定,相当于绑定value属性和input事件
  2. Vue3中,为了使v-model指令在使用时可以更加灵活,v-model可以直接使用,也可以在后面带参使用(如v-model:value),它对应的同步事件则变为update:modelValueupdate: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;
      }
    }
  }
}