form表單的驗證validator如何傳遞參數

背景：很多表單內容需要動態的添加項 如某個字段是一個數組，數組里需要增減對象，想對對象的的值進行校驗或動態聯動校驗

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

方法一：

看傳遞的是什么參數validator本身會存在其prop的值，當prop的值是動態的 我們也可以獲取到動態的內容

前提是綁定的config是data的內容，可以在方法中通過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