Как посмотреть вычисленные ошибки vee-validate?

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

vue.js vee-validate
person Modermo    schedule 21.08.2018    source источник

Ответы (1)


arrow_upward
8
arrow_downward

Хорошо, после небольшого дополнительного исследования, это простое решение.

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

  deep:true 
}

За хендлером нужно внимательно следить.

person Modermo    schedule 21.08.2018