vue2.0元素用户界面中el-select选择器无法显示选中的内容（解决方法)

我使用的是元素-用户界面V2.2.3。代码如下，当我选择值得时候，el-select选择器无法显示选中的内容，但是能触发变化方法，并且能输出选择的值。

select.vue文件

模板div class=' row ' v-for=' row中的行项目' div class=' col ' v-for='行项目。config vos ' El-select v-model='表单数据[colItem。param code]' : class=' GetMoDEL(Colitem。param code)“@ change=”onSelectChange(colItem。参数代码，formData[colItem。param code])' El-option v-for='选项在colItem中。配置选项“:标签=”选项.导出默认值{ data(){ return { GroupItem : }，formData:{}，rows: ' '，cols:'' }，watch:{ }，methods : { getfordata : function(){ var _ this=this；axios.get('./json/selectdata.json ').然后(函数(RES){ _ this。GroupItem=RES . datavar row=_this.groupItem[0].row data _ this . rows=row for(var I=0；irow.lengthi ){ var col=row[i].configVosfor(var j=0；jcol . length j){ var key=col[j]；_这个。formdata[key。param code]=' '；} } }) }，onselectchange :函数(key，val){ console。日志(val)；}，getModel(model){ console。日志(模型)；} }，创建d :函数(){ this。getfordata()；} }/scriptstyle作用域col { float:left}。行{宽度：800像素高度：100 px}/styleselectdata.json文件

[ { 'groupName': '抽数转换，行数据：[{ ' config vos ' :[{ ' config options ' :[{ ' id ' : ' D '，' optionCode': '否、“期权价值”:“0”、“ParAmid”:“4”}、{“id”:“5”、“期权代码”:是，' optionValue': '1 '，' paramId': '4' } ]，' id': '4E '，' paramCode': 'isView '，' paramValue': '0' }，{ ' config options ' :[{ ' id ' : ' 4 '，' optionCode': '老版本、“期权价值”:“0”、“ParAmid”:“4”}、{“id”:“4”、“期权代码”:新版本，' optionValue': '1 '，' paramId': '44' } ]，' id': '24 '，' paramCode': 'isDeleteCbnd '，' paramValue': '1' } ] }， { ' config vos ' :[{ ' config options ' :[{ ' id ' : ' EF '，' optionCode': '估值2.5 '，' optionValue': '0 '，' paramId': '1' }，{ 'id': '8B '，' optionCode': '估值2.5 qd '，' optionValue': '1 '，' paramId': '131' }，{ 'id': '06 '，' optionCode': '恒生2.5 '，' optionValue': '2 '，' paramId': '1' }，{ 'id': '25BF '，' optionCode': '估值4.5 '，' optionValue': '3 '，' paramId': '31' } ]，' Id': '31 '，' paramCode': 'converType '，' paramValue': '0' }，{ ' config options ' :[{ ' Id ' : ' 1366 '，' optionCode': '万德，' optionValue': '0 '，' paramId': '98' }，{ 'id': 'EC '，' optionCode': '聚源，' optionValue': '1 '，' paramId': '8' } ]，' id': '91F8 '， paramCode': 'zxDataSource '，' paramValue': '0' } ] }，{ ' config vos ' :[{ ' config options ' :[{ ' id ' : ' CD '，' optionCode': '期货占用，' optionValue': 'HS '，' paramId': '5C' }，{ 'id': '91508011 '，' optionCode': '其它，' optionValue': 'YYS '，' paramId': '91C' } ]，' id': '5C '，' paramCode': '派生数据源，' paramValue': 'HS' } ] } ]后来去看了某视频剪辑软件文档，发现文档中有说

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

总结

以上所述是小编给大家介绍的vue2.0元素-用户界面中el-select选择器无法显示选中的内容，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！