鍍金池/ 問(wèn)答/HTML/ iview選擇框里面的 :value 和 :key 指的是什么？

iview選擇框里面的 :value 和 :key 指的是什么？

<Select v-model="model1" style="width:200px">
        <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
    </Select>

官網(wǎng)

文檔說(shuō)的看不太懂，想輸出看一下也不知道怎么取到這兩個(gè)值，他們代表了什么，用來(lái)干什么的？

回答
編輯回答
嘟尛嘴
value 指定選中項(xiàng)目的 value 值，可以使用 v-model 雙向綁定數(shù)據(jù)。單選時(shí)只接受 String 或 Number，多選時(shí)只接受 Array（v-model綁定也就是當(dāng)前默認(rèn)顯示哪一個(gè)option 是通過(guò)value決定的)

key是為了給 Vue 一個(gè)提示，以便它能跟蹤每個(gè)節(jié)點(diǎn)的身份，從而重用和重新排序現(xiàn)有元素，你需要為每項(xiàng)提供一個(gè)唯一 key 屬性

2017年7月4日 08:41
編輯回答
陌如玉

我嘗試給你解釋一下，看你能否理解：
item.label：這是給用戶看的，當(dāng)點(diǎn)擊下拉菜單時(shí)，會(huì)出來(lái)選項(xiàng)，用戶看到的選項(xiàng)就是這個(gè)
value：這是你點(diǎn)擊某個(gè)label(option)之后，將對(duì)應(yīng)的值給v-model綁定的值model1
key：這個(gè)呢相當(dāng)于身份令牌，唯一的，防止出錯(cuò)，雖然沒(méi)有也行，但是官網(wǎng)推薦還是加上為好

以上三個(gè)都可以是同一個(gè)值，例如都可以綁定item.value，具體怎么用就看需求了

希望我的回答對(duì)你有所幫助！
2018年2月28日 17:04