el-select change自定义参数

Posted 2023-02-24 ☆♂安♀★

只有带value参数的默认方法

  <el-table-column

                        label="eleName"

                        >

<template #default="scope">

                          <el-select  v-model="scope.row.feeEleselect"  name="eleselect" :disabled="layer.operationType == \'view\' || layer.operationType == \'audit\'"
                                  placeholder=""  clearable filterable @change="changeFeeValueOption">
                              <el-option v-for="(item,index) in feeEleOptions" 
                                      :label="item.label" :value="item.value" >
                             </el-option>
                          </el-select>

</template>

 </el-table-column>

                          
                          methods: 
                          changeFeeValueOption(value)
                          console.log(value)
                          ,
                        

 

但因为我的是表格里面含有select，要实现左右联动，那就要判断select的位置，就要自定义参数

   <el-table-column
                        label="eleName"
                        width="180">
                          <template #default="scope">
                            <el-select  v-model="scope.row.feeEleselect"  name="eleselect" :disabled="layer.operationType == \'view\' || layer.operationType == \'audit\'"
                                  placeholder=""  clearable filterable @change="(val)=>changeFeeValueOption(val,scope.row.name)">
                              <el-option v-for="(item,index) in feeEleOptions" 
                                      :label="item.label" :value="item.value" >
                             </el-option>
                          </el-select> 
                       </template>
                      </el-table-column>
                          
         methods:                   
          changeFeeValueOption(value,rowname)
          console.log(rowname,value)
         
                         
            

上面代码中的val 就是原有select的value值，而我们又进行自定义了方法，进行封装新增参数。比如我们新增一个row里面的name，但可能你们正常用到的id字段