构建输入组件以使用 vee-validate 。
为了更方便,我想使用验证规则作为道具。
当我在父母身上使用v-model directive
时,每件事情都可以。但是,value
属性;在字段中写入并验证后,输入值将重置为其父级。
这是合乎逻辑的?如果没有,如何在没有v-model
的情况下解决这个问题?
请注意:
上设置
1) - 验证事件为'输入' 和'模糊'
2) - 我从不想在父母v-on:input
事件
答案 0 :(得分:2)
这是合乎逻辑的。
@input="$emit('input', $event.target.value)"
在这里没用,因为你不听输入事件。
当您的输入无效时,组件将再次重新渲染。输入组件的value
从未在输入时更改。重新渲染时,它将显示从父级传递的正确值。