el-radio组件change事件传递多个参数

<el-radio-group v-model="form.defaultDB">
                <el-radio
                  border
                  v-for="(item, index) in dataSourceLists"
                  :key="index"
                  :label="item.dbname"
                  :value="index"
                  @change="
                    (val) => {
                      change(val, index);
                    }
                  "
                >
                  {{ item.dbname
                  }}<i
                    :id="index"
                    class="corrcet_icon el-icon-check"
                    style="
                      font-size: 14px;
                      margin-left: 10px;
                      color: #0d8eff;
                      font-weight: 600;
                    "
                    v-show="iconDisabled"
                  ></i
                ></el-radio>
              </el-radio-group>

通过change 事件，默认的参数是val，然后需要把你想要的传的那个参数也传进来，关键代码就是

@change="(val)=>{change(val,index)}"，我传的是el-radio绑定的值和index下标，然后再在methods里面声明函数change

 

 methods: {
    change(label, index) {
      console.log(label,index)
//label是绑定的值，index是下标
    },