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 (将#修改为@）

vee-validate vuejs3 watch watch