vue.js - 如何观察计算出的 vee-validate 错误？

Question

我有 vee-validate 验证输入字段。每次输入字段中发生无效错误时，我都希望发出一个事件。

因此，我认为最好只创建一个代表 $validator.errors 的 computed 字段。

问题是 watch 中的 $emit 事件永远不会被触发。

我的代码是这样的:

<template>

  <input 
    type="number" 
    name="quantity" 
    v-validate="{
      max_value: 50
    }" />

</template>

<script> 

export default {
  data () {
    return {}
  },

  computed: {
    formErrors () {
      const errors = this.$validator.errors;

      return errors;
    },
  },


  watch: {
    formErrors (value) {
      return this.$emit('form-errors', value)
    }
  }

}
</script>

Answer 1

好的，经过更多的研究，这是一个简单的修复。

formErrors : {
  handler (value) {
    return this.$emit('form-errors', value)  
  },

  deep:true 
}

你需要深入观察处理程序。