【问题标题】:How to watch computed vee-validate errors?如何查看计算的 vee 验证错误?
【发布时间】:2018-08-21 08:46:25
【问题描述】:

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

因此,我认为最好创建一个代表$validator.errorscomputed 字段。

问题是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>

【问题讨论】:

    标签: vue.js vee-validate


    【解决方案1】:

    好的,经过一点点研究,这是一个简单的修复。

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-02-17
      • 2023-04-06
      • 1970-01-01
      • 1970-01-01
      • 2014-02-09
      • 2020-12-20
      • 1970-01-01
      相关资源
      最近更新 更多