Vee Validate останавливает работу моего компонента, ошибки. Первая неисправность

У меня есть форма buefy, которая загружает таблицу данных buefy, я пытаюсь проверить свои поля ввода, и vee validate - мой лучший выбор.

Мое сообщение об ошибке будет отображаться в моем message на b-field. Примерно так: :message="errors.first('lastname')"

Прямо сейчас в моей консоли появляется следующая ошибка:

vue.esm.js?efeb:1897 TypeError: _vm.errors.first is not a function

и следующее предупреждение:

[Vue warn]: Error in render: "TypeError: _vm.errors.first is not a function"

Я уже искал в Интернете и попробовал следующее решение в main.js:

Vue.use(VeeValidate, {
  errorBagName: 'vErrors'
})

vue.js buefy vee-validate
person Amir Khadem    schedule 07.06.2019    source источник
comment
Попробуйте ввести vee validate в свой компонент.   -  person Ohgodwhy    schedule 08.06.2019
comment
import VeeValidate from 'vee-validate' вставил его в компонент, но результат тот же   -  person Amir Khadem    schedule 08.06.2019
comment
Не используйте его в компонент или используйте компоненты проверки, которые намного лучше.   -  person Ohgodwhy    schedule 08.06.2019
comment
Я поместил это в свой export default , но он все еще показывает мне ту же ошибку. inject: { $validator: '$validator' }   -  person Amir Khadem    schedule 10.06.2019

Ответы (1)


arrow_upward
0
arrow_downward

AAAAAh, разобрался! Итак, если вы используете другой пакет или надстройку npm на Vue, который использует то же ключевое слово errors в своих данных, функциях или вычисленных данных или что-то еще, что вам нужно указать в VeeValidate, это будет имя ваших ошибок, и это будет только произойдет, если какой-либо другой пакет имеет приоритет выше от Vee Validate. Я уже сделал это, используя:

Vue.use(VeeValidate, {
  errorBagName: 'vErrors'
})

но проблема заключалась в том, что я не использовал новое имя в сообщении о проверке.

поэтому сообщение будет содержать: vErrors.first('lastname')

person Amir Khadem    schedule 10.06.2019