<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:這個呢相當於身份令牌,唯一的,防止出錯,雖然沒有也行,但是官網推薦還是加上為好