使用場(chǎng)景:
添加一個(gè)黃金糕,選擇的時(shí)候,你會(huì)把id給后臺(tái)。但是編輯的時(shí)候還想把黃金糕顯示出來,可后端就給你id:'1', 這時(shí)候,它會(huì)自己去找,下拉框中id 為1 的哪一項(xiàng),展示到頁面。這時(shí)候就不用你自己轉(zhuǎn)啦,但是切記一定是字符串哦 ??(▽),
*****************************喜歡就關(guān)注我吧 (▽)***************************
<el-select v-model="value" placeholder="請(qǐng)選擇">
<el-option v-for="item in options" :key="item.id" :label="item.label" :value='item.id'>
</el-option>
</el-select>
export default {
data(){
return {
options: [
{
id: "1",
label: "黃金糕"
},
{
id: "2",
label: "雙皮奶"
},
{
id: "3",
label: "蚵仔煎"
},
{
id: "4",
label: "龍須面"
},
{
id: "5",
label: "北京烤鴨"
}
],
value: "5"
};
}
}

image.png