• form表单的验证validator如何传递参数


    背景:很多表单内容需要动态的添加项 如某个字段是一个数组,数组里需要增减对象,想对对象的的值进行校验或动态联动校验

    config: [
      {
        age: null,
        test: null,
        number: null
      },
      {
        age: null,
        test: null,
        number: null
      }
    ]

    方法一:

    看传递的是什么参数validator本身会存在其prop的值,当prop的值是动态的 我们也可以获取到动态的内容

    前提是绑定的configdata的内容,可以在方法中通过this.config[0].test拿到这个值,一般情况,当表单内容是动态添加对象,对象有多个属性,当需要关联验证时需要传递对应的index,我们可以通过下面的方法来实现;

    <el-form-item
          label="test"
          :prop="'config['+ index +'].test"
          :rules="{
             required: true, validator: validORate
           }"
    >
    // 当在输入框输入内容时,打印pars是一个队形,将拼接好的prop作为key 输入的内容作为值,此时prop动态,传入的内容也是动态,可以取截取到对应的index
    validORate(rule, value, callback, pars) {
          console.log('index-----', pars)  //pars----- {config[0].test: "333"}
    }
    

      

    方法二:通过bind 动态改变this的执行,当需要传递其他参数时可以参考,参考地址: https://blog.csdn.net/qq_42941302/article/details/112799014

  • 相关阅读:
    notepad++的使用
    windows下的ubuntu
    VMware Tools安装
    Terminal命令
    Linux文件操作
    vim学习
    Windows桌面美化
    求解移动字符串问题
    求解回文序列问题
    用Git命令把本地项目,提交到远程仓库
  • 原文地址:https://www.cnblogs.com/xhliang/p/14648965.html
Copyright © 2020-2023  润新知