首页 > 其他 > 详细

element-ui Select选择器获取到选中的值

时间:2020-12-24 17:23:33      阅读:344      评论:0      收藏:0      [点我收藏+]

如图所示 页面:

技术分享图片

 页面的代码:

配置类型:
<el-select v-model="searchConfig" @change="searchSelect(searchConfig)" clearable placeholder="请选择配置类型:">
     <el-option
            v-for="item in configTypeSelect"
            :key="item.value"
            :label="item.label"
            :value="item.value"
        >
       </el-option>
</el-select>

 说明: 其中 searchConfig为绑定的下拉框的value ,@change为select发生改变时触发的事件,configTypeSelect下拉框的数据的数组

   configTypeSelect数据格式:

configTypeSelect: [
                {
                    value: "黄金糕"
                },
                {
                    value: "双皮奶"
                },
                {
                    value: "蚵仔煎"
                },
                {
                    value: "龙须面"
                },
                {
                    value: "北京烤鸭"
                },
]

methods中获取值:

searchSelect(value){
      console.log(value)
      this.searchConfig = value
 },

如果有多个下拉框 需要v-model绑定不同的value ,这样才能做到数据混淆

大功告成 !

 

element-ui Select选择器获取到选中的值

原文:https://www.cnblogs.com/sdfdfd/p/14184139.html

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