直接上代碼吧~

<el-table-column label='用戶類型' width='180'> <template slot-scope='scope'> <el-select v-model='scope.row.roleID' placeholder='請選擇' @change='changeRole($event,scope)'><el-option v-for='item in roles' :key='item.value' :label='item.label' :value='item.value'></el-option> </el-select> </template></el-table-column>

我想在觸發(fā)下拉框change事件時獲取到scope里的值，因為el-select的change事件默認(rèn)有個回調(diào)參數(shù)，就是選擇的value，如果想額外獲取其他的值不能直接寫@change='changeRole(scope)'，這樣會覆蓋默認(rèn)的參數(shù)，加上$event就可以取到了。

不僅僅是el-select，其余的Element-UI的組件中實現(xiàn)這種不想覆蓋默認(rèn)參數(shù)都可以這樣使用。

補充知識：element UI中的select選擇器的change方法需要傳遞多個值

如果直接調(diào)用change事件，不傳任何參數(shù)，則可以獲取到當(dāng)前選中的值（因為默認(rèn)會將event參數(shù)傳遞過去）

場景：

你需要將select選擇器 ”選中的當(dāng)前元素“ 和 ”其他你需要的值“ 一起傳遞過去？

做法：

change （$event，“你要傳遞的其他值”）

以上這篇Vue + Element-ui的下拉框el-select獲取額外參數(shù)詳解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持好吧啦網(wǎng)。