如何解决v3 在 vee-validate 中计算多个值
我想知道如何使它变得简单,因为不在同一个 validationListeners 函数中将每个值输出到 return 和多个 useField 值中使用。
我可以想象,如果有 10 个 useField,我的返回值很长,并且对 useField 中的值重命名做同样的事情。
对 useField 中的重命名值进行任何DRY方法,并且可以在一个 validationListeners 函数中应用来自 useField 的多个值。
export default {
const { errorMessage: errorMessageName,value: name,handleChange: handleChangeName:
handleChangeName,handleInput: handleInputName } = useField('name',isrequired,{
validateOnValueUpdate: false,});
const { errorMessage: errorMessageEmail,value: email,handleChange: handleChangeEmail,handleInput: handleInputEmail } = useField('email',});
/* this function from the vee-validate docs example. */
const validationListeners = computed(() => {
// If the field is valid or have not been validated yet
// lazy
if (!errorMessage.value) {
return {
blur: handleChange,change: handleChange,input: handleInput,};
}
// Aggressive
return {
blur: handleChange,input: handleChange,// only switched this
};
});
return {
errorMessageName,name,handleChangeName,errorMessageEmail,...
}
}
这是 vee-validate 文档 example
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。