当通过验证作为输入组件的道具时,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
这是合乎逻辑的。
@input="$emit('input', $event.target.value)"
在这里没有用,因为你没有监听输入事件。
当您的输入无效时,组件将再次重新渲染。输入组件的value
在你输入时从未改变过。当它重新渲染时,它会显示从父级传递的正确值。
我正在构建一个输入组件以使用 vee-validate。
为了更方便,我想使用验证规则作为道具。
当我在父级上使用 v-model directive
时一切正常。但是,value
属性;在字段中写入并验证后,输入值重置为其父级。
这符合逻辑吗?如果没有,我如何在没有 v-model
的情况下解决这个问题?
Note that:
1) - Validations events are 'input' and 'blur'
2) - I never want to setv-on:input
event on parent
这是合乎逻辑的。
@input="$emit('input', $event.target.value)"
在这里没有用,因为你没有监听输入事件。
当您的输入无效时,组件将再次重新渲染。输入组件的value
在你输入时从未改变过。当它重新渲染时,它会显示从父级传递的正确值。