本文章主要是說明element UI 里面的下拉框選中對象的問題 一般來說都是選中的綁定的value(唯一值) 但是value如何綁定對象呢?
1. 設置成對象 :value="item"
2. 要有 value-key=“id”
1.HTML
<el-select
style="width: 200px; margin-left: 20px"
v-model="valuedd"
value-key=“id”
placeholder="請選擇"
@change="ceshi($event)"
>
<el-option
v-for="item in userList"
:key="item.value"
:label="item.label"
:value="item"
>
</el-option>
</el-select>
2. JS 返回數據部分（data）
userList: [
{
id: 1,
userName: "黃金糕",
},
{
id: 2,
userName: "雙皮奶",
},
{
id: 3,
userName: "蚵仔煎",
},
{
id: 4,
userName: "龍須面",
},
{
id: 5,
userName: "北京烤鴨",
},
],
valuedd: "",
（valuedd不允許放在某個對象里面，如若傳輸 虛重新賦值）
JS methods 部分
ceshi(val) {
console.log(val, "對象");
},
打印結果