码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-01-03 15:38:23      阅读:506      评论:0      收藏:0      [点我收藏+]

标签:选择   option   city   数据   获取   设置   Fix   使用   行数据   

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

就实现数据回显 

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

标签:选择   option   city   数据   获取   设置   Fix   使用   行数据   

原文地址:https://www.cnblogs.com/duhui/p/12145158.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!