[英]VueJS 2: vee-validate 3 - validation for child components not working
vee 验证版本:3.4.5
所以我有一个 FormBuilder.vue 组件,它基于我的表单输入模式构建。 我有一个自定义 InputSlugify 组件,我想使用所需的规则对其进行 vee-validate 验证。
问题:当我聚焦输入并离开焦点时,我没有收到错误消息“字段是必需的”。 但是当我直接使用<b-form-input>
组件时它可以工作。 (如果 field.type === '文本')
如何让自定义组件的验证工作?
提前致谢!
这是一个有效的代码框示例
https://codesandbox.io/s/mystifying-frost-3yidg?file=/src/components/InputSlugify.vue
您需要从自定义组件中emit
blur
事件,因为 vee-validate 无法在包装组件中获取该事件,除非您明确发出它。
<b-form-input @blur="$emit('blur')" ... />
默认的b-form-input
已经发出了这个事件,这就是它直接使用它的原因。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.