首页 > 其他 > 详细

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

时间:2021-04-12 18:15:20      阅读:15      评论:0      收藏:0      [点我收藏+]

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

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

 

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

原文:https://www.cnblogs.com/xhliang/p/14648965.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!