一,Select選擇器使用
html
<Select v-model="model15" prefix="ios-home" style="width:200px"> <Option v-for="item in cityList" :value="item.id" :key="item.id">{{ item.name }}</Option> </Select>
data
cityList: [ { id: '204', name: 'New York' }, { id: '205', name: 'London' }, { id: '206', name: 'Sydney' }, { id: '207', name: 'Ottawa' }, { id: '208', name: 'Paris' }, { id: '209', name: 'Canberra' } ], // 數據雙向綁定的值 model15: ''
二,數據回顯(默認選中的值)
this.model15 = row.id // 點擊修改時獲取行數據中的這個id,將這個id賦值給select的v-model綁定的值
就實現數據回顯