我正在尝试验证自定义功能组件的值,但是vee-validate似乎忽略了它。该字段不会出现在字段列表中,也不会出现在错误列表中。
功能组件(简体):
const noop = () => {};
export const TextField = {
name: 'TextField',
functional: true,
props: {
value: {},
name: {}
},
render(h, {props, listeners}) {
let options = { rows: 5 }
options['class'] = 'Field'
options['name'] = props.name
const onChange = listeners['change'] || noop;
const onInput = listeners['input'] || noop;
return h('textarea',{
domProps: {value: props.value},
attrs: options,
on: {
change: (event) => {
onChange(event)
},
input: (event) => {
console.log('input on-input',event)
onInput(event.target.value)
}
}
},[])
}
};
父调用:
<text-field v-model="form.note.text" name="text" v-validate="'required'"></text-field>
v模型可以工作并且父表单数据已更新,但是vee-validate似乎无法识别该组件。是否因为它是一个功能组件并且不支持$ watch API?我希望这是围绕textarea的简单包装,并且如果可能的话,不要使用完整的组件。
答案 0 :(得分:0)
vee-validate v2无法与功能组件配合使用,因为它需要访问Vue的组件实例$watch
和其他一些API。
我认为没有办法解决