Vue + Element-ui的下拉框el-select獲取額外參數(shù)詳解
更新時間：2020年08月14日 09:30:55 作者：myCat、
這篇文章主要介紹了Vue + Element-ui的下拉框el-select獲取額外參數(shù)詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
直接上代碼吧~
<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ù)都可以這樣使用。
補(bǔ)充知識：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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了React之input動態(tài)取值和賦值方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)點擊按鈕倒計時，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了vue使用nprogress加載路由進(jìn)度條的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06
vue-cli提供的腳手架只是一個最基礎(chǔ)的，也可以說是Vue團(tuán)隊認(rèn)為的工程結(jié)構(gòu)的一種最佳實踐。這篇文章主要介紹了vue-cli的工程模板與構(gòu)建工具 ,需要的朋友可以參考下2018-09-09
vue3 響應(yīng)式對象如何實現(xiàn)方法的不同點
這篇文章主要介紹了vue3 響應(yīng)式對象如何實現(xiàn)方法的不同點，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
vue.config.js?是一個可選的配置文件，如果項目的?(和?package.json?同級的)?根目錄中存在這個文件，那么它會被?@vue/cli-service?自動加載，本文重點介紹VUE前端vue.config.js簡介，感興趣的朋友跟隨小編一起看看吧2023-01-01
Vant?Weapp組件picker選擇器初始默認(rèn)選中問題
這篇文章主要介紹了Vant?Weapp組件picker選擇器初始默認(rèn)選中問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了使用vue3搭建后臺系統(tǒng)的過程記錄,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-08-08
最近的數(shù)據(jù)統(tǒng)計項目中要用到中國地圖，也就是在地圖上動態(tài)的顯示某個時間段某個省份地區(qū)的統(tǒng)計數(shù)據(jù)，我們不需要flash，僅僅依靠raphael.js以及SVG圖像就可以完成地圖的交互操作。本文就給大家介紹了關(guān)于利用vue集成raphael.js中國地圖的相關(guān)資料，需要的朋友可以參考下。2017-08-08
這篇文章主要為大家詳細(xì)介紹了Vue3批量異步更新是如何實現(xiàn)的，文中的示例代碼簡潔易懂，具有一定的借鑒價值，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-08-08