只有帶value參數的默認方法
<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>
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字段