element-ui select下拉框默认值的问题
2018-08-27 10:23
826 查看
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/carmen_shao/article/details/82107679
要为select设定默认值,只要把v-model绑定的值和你想要选中option的value值设置一样即可。
[code]<el-form-item> <el-select class="filter-item" v-model="value" clearable> <el-option v-for="item in options" :key="item.num" :label="item.name" :value="item.id"></el-option> </el-select> </el-form-item>
关于element select框默认值赋值不成功问题,注意两点:
1、v-model里面的数据和遍历出来value值数据类型不一样。(例:item.provinces类型是number,province类型是String。类型不一样导致赋值不成功)
2、遍历数据和赋值的先后顺序,必须保证数据先遍历后赋值。
相关文章推荐
- element-ui中的select下拉列表设置默认值方法
- element-ui中的select下拉列表 设置默认值
- element-ui中select下拉框,选择后赋值成功,但是框上不显示的坑
- Bootstrap Flat UI的select下拉框显示问题解决
- Vue中Element中Select下拉框选取值问题
- vue+elementUI中使用 el-autocomplete 实现远程搜索的下拉框需要注意的问题
- 记一次elementUI Icon 加载无效的问题。并且提示错误 Failed to decode downloaded font:
- ElementUI使用问题记录:设置路由+iconfont图标+自定义表单验证
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
- vue-cli与element-ui相关问题
- select下拉框宽度设置问题(自适应宽度,水平滚动条)
- Element ui表格展示图片问题
- select下拉框之获取显示值问题
- 解决Vue+Element ui开发中碰到的IE问题
- 让人头疼一晚上的 select 下拉框赋值问题
- [jQueryUI] - Chosen:select下拉选择框美化插件及问题
- html表单 select多选下拉箭头的问题
- 浅谈Vue Element中Select下拉框选取值的问题
- 使用JQuery对checkbox及radio与select下拉单选赋默认值
- vue+element-ui打包时候出现 UglifyJs Unexpected token: punc 问题