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


 

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