首页 > 其他 > 详细

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

时间:2020-01-03 16:26:35      阅读:511      评论:0      收藏:0      [点我收藏+]

一,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选择器组件的使用&设置默认选中的值

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!