ошибка не определена в экземпляре, но упоминается во время рендеринга

Использование Laravel и vue настроено и вы хотите использовать vee-validate в некоторых формах

Я установил через NPM, а затем добавил свой app.js

import VeeValidate from 'vee-validate'
Vue.use(VeeValidate);

Также пробовал

window.VeeValidate = require('vee-validate');
Vue.use(window.VeeValidate);

В моем компоненте

<div class="form-group">
          <label for="exampleInputEmail1">Username</label>
          <input
            v-model="username"
            v-validate="'required|max:16'"
            data-vv-name="username"
            type="text"
            class="form-control"
            id="exampleInputEmail1"
            aria-describedby="Username"
          />
          <small>{{error.first('username')}}</small>
        </div>

и я получаю сообщение об ошибке

[Vue warn]: Property or method "error" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

vue.js vue-router vue-component vee-validate
person GrahamMorbyDev    schedule 31.07.2019    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Объект ошибки валидатора - это errors. Следовательно, должны быть ошибки, а не ошибки.

 <small>{{errors.first('username')}}</small>
person Riddhi    schedule 31.07.2019
comment
Это прекрасно, и мне нравится, когда это происходит, спасибо - person GrahamMorbyDev; 31.07.2019
comment
@GrahamMorbyDev Пожалуйста, примите ответ и закройте вопрос. - person Riddhi; 31.07.2019
comment
Оо ... Ты спас мне жизнь !! Идеальное решение ... Спасибо .. @ Riddhi - person Vikas Katariya; 20.12.2019