vue.js - 如何查看计算的 vee 验证错误？

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 
}

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