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

Question

我已经vee-validate验证了输入字段.每次输入字段中发生失效错误时,我都希望发出一个事件.

因此,我认为最好只创建一个computed代表该领域的领域$validator.errors.

问题是该$emit事件watch永远不会被解雇.

我的代码是这样的:

<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 
}

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