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

您的位置:首頁技術(shù)文章
文章詳情頁

vue select 獲取value和lable操作

瀏覽:123日期:2022-12-03 11:07:40

vue select控件在選擇時(shí)需要把id和name兩個(gè)值都獲取到,實(shí)現(xiàn)方案如下:

select控件代碼

<FormItem label='物資類型:' prop='supplyType'> <Select v-model='detailData.supplyType' :label-in-value='true' placeholder='請選擇物資類型' @on-change='getVendorId'> <Option v-for='item in supplyTypeList' :value='item.id' :key='item.id' :lable='item.dictionaryName'>{{ item.dictionaryName }} </Option> </Select> </FormItem>

change事件

getVendorId: function (val) { let that = this; that.detailData.supplyType=val.value;//獲取label that.detailData.supplyTypeName=val.label;//獲取value},

下拉組件綁定數(shù)據(jù)源

supplyTypeList[ { 'id': 45, 'dictionaryName': '辦公用品', 'dictionaryCode': 'nofficeSupplies' } ]

補(bǔ)充知識:vue選擇器select獲取選中項(xiàng)的value和id

今天在nuxt項(xiàng)目中使用element-ui的選擇器時(shí),有個(gè)需求要獲取options的id和label。

做法如下:

html代碼

vue select 獲取value和lable操作

在methods中:

vue select 獲取value和lable操作

這樣就可以精準(zhǔn)的獲取到啦,希望可以幫到你呀!

以上這篇vue select 獲取value和lable操作就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: a毛片大片 | 午夜精品视频在线观看 | 黄色a毛片 | 亚洲专区一区 | 国产精品一区二区三区免费 | 日韩精品在线一区二区 | 美日韩一区二区三区 | 日韩福利视频 | 免费观看av| 超碰在线网站 | 成人在线免费网站 | av成人在线播放 | 亚洲日本精品 | 超碰成人在线观看 | 成人午夜在线观看 | 精品国产欧美一区二区三区成人 | 在线国产小视频 | 国产精品尤物 | 久久精品久久久久久久 | 午夜精品在线 | 日本伊人网 | 一级片黄色片 | 久久一级视频 | 国产精品免费人成网站酒店 | 精品福利在线 | 亚洲成人精品在线 | 午夜在线 | 国产综合亚洲精品一区二 | 免费av网站在线观看 | 四虎免费在线观看 | 精品综合网 | 一区二区三区国产精品 | 精品久久久久久一区二区里番 | 亚洲日本在线观看 | 日韩 国产 欧美 | 天堂色av| 色在线播放| 一区二区三区在线观看视频 | 青青草视频免费在线观看 | 成人欧美在线 | 亚洲三级视频 |