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

就实现数据回显 

posted @ 2020-01-03 15:28  塞巴斯酱  阅读(8389)  评论(0编辑  收藏  举报