如何在 Vue.js、Vee 验证插件中添加对 $validator.errors 的监视

Question

我想在 $validator.errors 上添加一个监视，以便每当有任何错误时我都希望它被记录下来，

我通过检查错误的长度然后将 self.errors.all() 分配给一个变量来做同样的事情，

但我想知道我是否可以直接将手表应用于错误。

Answer 1

我猜你在使用 vee-validate 2.x？该$validator.errors自动注入为errors你的组件，所以你可以直接观看他们：export default {  // ...  watch: {    errors (val) {      // do stuff    }  }};

Answer 2

如果有人遇到同样的问题并使用低于 2.x 的版本，我们可以通过以下方式完成。computed: {        formErrors: function() {            return this.$validator.errors;        }当我们发送表单进行验证时，我们可以计算 $validator.errors 并在 formErrors 上应用监视，这是有效的watch:{      formErrors : {          handler:function(value){              var formName = this.paymentMode;              if(value.items.length > 0){                  value.items.forEach(function(val){                     console.log(val.msg);                  });              }          },          deep:true      }    }