el-select change自定义参数

只有带value参数的默认方法

  <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="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字段


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章