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>

  

value 指定選中項目的 value 值,可以使用 v-model 雙向綁定數據。單選時只接受 String 或 Number,多選時只接受 Array(v-model綁定也就是當前默認顯示哪一個option 是通過value決定的)
key是為了給 Vue 一個提示,以便它能跟蹤每個節點的身份,從而重用和重新排序現有元素,你需要為每項提供一個唯一 key 屬性

 

item.label:這是給用戶看的,當點擊下拉菜單時,會出來選項,用戶看到的選項就是這個
value:這是你點擊某個label(option)之后,將對應的值給v-model綁定的值model1
key:這個呢相當於身份令牌,唯一的,防止出錯,雖然沒有也行,但是官網推薦還是加上為好

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM