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