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 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。