当通过验证作为输入组件的道具时,VueJS vee-validate 问题

VueJS vee-validate issue when passed validation as props to input component

我正在构建一个输入组件以使用 vee-validate
为了更方便,我想使用验证规则作为道具。

当我在父级上使用 v-model directive 时一切正常。但是,value 属性;在字段中写入并验证后,输入值重置为其父级。
这符合逻辑吗?如果没有,我如何在没有 v-model 的情况下解决这个问题?

Note that:

1) - Validations events are 'input' and 'blur'

2) - I never want to set v-on:input event on parent


See This Fiddle




这是合乎逻辑的。 @input="$emit('input', $event.target.value)"在这里没有用,因为你没有监听输入事件。

当您的输入无效时,组件将再次重新渲染。输入组件的value在你输入时从未改变过。当它重新渲染时,它会显示从父级传递的正确值。

https://jsfiddle.net/787g7q0e/