如何在 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

      }

    }