微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)

我使用的是element-ui V2.2.3。代码如下,当我选择值得时候,el-select选择器无法显示选中的内容,但是能触发change方法,并且能输出选择的值。

select.vue文件

rush:js;">

selectdata.json文件

rush:js;"> [ { "groupName": "抽数转换","rowData": [ { "configVos": [ { "configOptions": [ { "id": "D","optionCode": "否","optionValue": "0","paramId": "4" },{ "id": "5","optionCode": "是","optionValue": "1","paramId": "4" } ],"id": "4E","paramCode": "isView","paramValue": "0" },{ "configOptions": [ { "id": "4","optionCode": "老版本",{ "id": "4","optionCode": "新版本","paramId": "44" } ],"id": "24","paramCode": "isDeleteCbnd","paramValue": "1" } ] },{ "configVos": [ { "configOptions": [ { "id": "EF","optionCode": "估值2.5","paramId": "1" },{ "id": "8B","optionCode": "估值2.5+qd","paramId": "131" },{ "id": "06","optionCode": "恒生2.5","optionValue": "2",{ "id": "25BF","optionCode": "估值4.5","optionValue": "3","paramId": "31" } ],"id": "31","paramCode": "converType",{ "configOptions": [ { "id": "1366","optionCode": "万德","paramId": "98" },{ "id": "EC","optionCode": "聚源","paramId": "8" } ],"id": "91F8","paramCode": "zxDataSource","paramValue": "0" } ] },{ "configVos": [ { "configOptions": [ { "id": "CD","optionCode": "期货占用","optionValue": "HS","paramId": "5C" },{ "id": "91508011","optionCode": "其它","optionValue": "YYS","paramId": "91C" } ],"id": "5C","paramCode": "derivativeDataSource","paramValue": "HS" } ] } ] } ]

后来去看了Vue文档,发现文档中有说

我只是把下面绿色那句改成上面红色这句,就好了

总结

以上所述是小编给大家介绍的vue2.0 element-ui中el-select选择器无法显示选中的内容。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文地址:https://www.jb51.cc/vue/30756.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐