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

就实现数据回显 

分类:

技术点:

相关文章: