iview-select选择器组件的使用&设置默认选中的值
一,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绑定的值
就实现数据回显