av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

Vue + Element-ui的下拉框el-select獲取額外參數詳解

瀏覽:95日期:2022-12-07 08:26:08

直接上代碼吧~

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

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

不僅僅是el-select,其余的Element-UI的組件中實現這種不想覆蓋默認參數都可以這樣使用。

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

如果直接調用change事件,不傳任何參數,則可以獲取到當前選中的值(因為默認會將event參數傳遞過去)

場景:

你需要將select選擇器 ”選中的當前元素“ 和 ”其他你需要的值“ 一起傳遞過去?

做法:

change ($event,“你要傳遞的其他值”)

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

標簽: Vue
相關文章:
主站蜘蛛池模板: 色av一区二区三区 | 欧美性乱 | 国内毛片毛片毛片毛片 | 免费高清成人 | 国产高清视频在线 | 一级片在线免费播放 | 日韩三级电影一区二区 | 一区二区在线免费播放 | 男人天堂国产 | 91香蕉视频在线观看 | 国产丝袜av| 亚洲欧美中文日韩在线v日本 | 九九热精品视频 | 在线观看国产视频 | 欧美日韩国产一区二区三区 | 国产精品国产三级国产aⅴ中文 | av久久| 四虎影院在线播放 | 人人澡视频 | 国产激情视频网 | 亚洲成色777777在线观看影院 | 国产资源在线观看 | 亚洲性免费 | 日本一区二区不卡 | 精品日韩欧美一区二区 | 国产99久久精品一区二区永久免费 | 国产原创在线观看 | 国产一区二区三区视频 | 亚洲精品免费在线 | av看片网站| 91在线| 911精品美国片911久久久 | 精品国产一区二区三区久久影院 | 国产激情一区二区三区 | a级免费观看视频 | 婷婷综合色 | 亚洲欧美综合精品久久成人 | 中文字幕一区在线观看视频 | 男人天堂手机在线视频 | 人人爽人人草 | 国产精品久久久久久久久久 |