微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

v3 在 vee-validate 中计算多个值

如何解决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 举报,一经查实,本站将立刻删除。