iview-select选择器组件的使用&设置默认选中的值

Posted 2021-03-19 duhui

一，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绑定的值

就实现数据回显