溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
vue利用 select 如何實現獲取value和lable？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
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
},下拉組件綁定數據源
supplyTypeList[
{
"id": 45,
"dictionaryName": "辦公用品",
"dictionaryCode": "nofficeSupplies"
}
]補充知識：vue選擇器select獲取選中項的value和id
今天在nuxt項目中使用element-ui的選擇器時，有個需求要獲取options的id和label。
做法如下：
html代碼
在methods中：
看完上述內容，你們掌握vue利用 select 如何實現獲取value和lable的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
