VueJS在将验证作为输入组件

时间:2018-05-15 11:28:48

标签: vue.js vuejs2 vue-component vee-validate

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

当我在父母身上使用v-model directive时,每件事情都可以。但是,value属性;在字段中写入并验证后,输入值将重置为其父级。
这是合乎逻辑的?如果没有,如何在没有v-model的情况下解决这个问题?

  

请注意:   

  1) - 验证事件为'输入' '模糊'   

  2) - 我从不想在父母

上设置v-on:input事件


See This Fiddle




1 个答案:

答案 0 :(得分:2)

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

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

https://jsfiddle.net/787g7q0e/