Ошибка VueJS vee-validate при прохождении валидации в качестве реквизита для компонента ввода

Question

Я создаю компонент ввода для работы с vee-validate .
для большего удобства, я хочу использовать правила проверки в качестве подпорки для этого.

Все хорошо, когда я использую v-model directive для родителя.но с value свойством;после записи в поле и проверки, входное значение сбрасывается на его родительский.
Это логично?если нет, то как я могу решить эту проблему без v-model?

Обратите внимание, что :

1) - события валидации 'input' и 'blur'

2) - я никогда не хочу устанавливать v-on:input событие для родителя

См. Эту скрипку

Answer 1

Это логично. @input="$emit('input', $event.target.value)" здесь бесполезен, потому что вы не слушаете входное событие.

Если ваш ввод недействителен, компонент снова рендерится. value компонента ввода никогда не менялся и изменялся при вводе. При повторном рендеринге будет отображаться правильное значение, переданное от родителя.

https://jsfiddle.net/787g7q0e/