学习-vue3 自定义事件-定义自定义事件-验证抛出的事件

验证抛出的事件

与 prop 类型验证类似，如果使用对象语法而不是数组语法定义发出的事件，则可以对它进行验证。

要添加验证，轻微事件分配一个函数，该函数接收传递给 $emit 调用的参数，并返回一个布尔值以指示事件是否有效。

app.component('custom-form', {
  emits: {
    // 没有验证
    click: null,
    // 验证 submit 事件
    submit:({email, password}) => {
      if(email && password) {
        return true
      }else{
        console.warn('Invalid submit event payload!')
        return false
      }
    },
    methods: {
      submitForm(email, password) {
        this.$emit('submit', {email, password})
      }
    }
  }
})