参考于 carmen_shao的element-ui select下拉框默认值的问题
需要把el-select绑定的sPerforIndicator.id 和 el-option中的 :value="https://www.it610.com/article/item.id"的id值 设置成一样
注意: 类型也要保持一致
html
style="float: left">{{item.title}}-{{ item.id }}
style="float: right;
color: #8492a6;
font-size: 13px">{{ typeof item.id }}
js
perforId 为 要设置的默认值,this.sPerforIndicator.id为下拉框绑定的值
this.sPerforIndicator.id = Number(perforId);
// 将String转为Number
console.log('原指标id类型:', typeof perforId);
console.log('转换后的指标id:', this.sPerforIndicator.id, typeof this.sPerforIndicator.id);
文章图片
页面效果
【element-ui select下拉框 设置默认值】
文章图片
推荐阅读
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- 前端开发|Vue2.x API 学习
- vue|Vue面试常用详细总结
- vue|电商后台管理系统(vue+python|node.js)
- 腾讯TEG实习|腾讯实习——Vue解决跨域请求
- Vue|vue-router 详解
- vue|vue3替代vuex的框架piniajs实例教程
- Vue|Vue3.0的插槽是如何实现的()
- 前端|面试官(谈谈Vue和React的区别())