iT邦幫忙

0

Element UI-[Select] :Value

遇到問題

在使用 Select 的時候遇到了一個問題是如果我的 Value 想要讓它是 Object 該怎麼做呢?下面的程式碼看起來是可以運作也把 :value="item" 改成物件(Object),但是會出現錯誤的一直選擇最後一個“社區二”

HTML

<el-select v-model="selectCommunityData" placeholder="請選擇社區">
    <el-option
      v-for="item in communityList"
      :key="item.id"
      :label="item.communityName"
      :value="item"
    ></el-option>
</el-select> 

JS 資料

communityList:[
    {
        communityName:'社區一',
        id:'1',
    },
    {
        communityName:'社區二',
        id:'2',
    },
],
selectCommunityData:{}

解決方法

後來發現需要在這個地方<el-select v-model="selectCommunityData" placeholder="請選擇社區" class="w-100"> 加上 value-key="id"

  • 像是這樣,讓他有一個唯一的值
<el-select value-key="id" v-model="selectCommunityData" placeholder="請選擇社區">

參考資料

Element-UI


尚未有邦友留言

立即登入留言