我使用的是element-ui V2.2.3。代码如下,当我选择值得时候,el-select选择器无法显示选中的内容,但是能触发变化的方法,并且能输出选择的值。
select.vue文件
& lt; template>
& lt; div>
& lt; div类="行" v=靶蠷owItem”比;
& lt; div类=v代表“坳”=癛owItem.configVos colItem”比;
& lt; el-select v模型=" formData [colItem。paramCode]”: class=" getModel (colItem.paramCode)”@change=" onSelectChange (colItem.paramCode formData [colItem.paramCode])”在
在colItem & lt; el-option v="选项。configOptions”:标签=" option.optionCode "
:value=" https://www.yisu.com/zixun/option.optionValue "比;
& lt;/el-option>
& lt;/el-select>
& lt;/div>
& lt;/div>
& lt;/div>
& lt;/template>
& lt; script>
从“进口axios axios ';
出口默认{
数据(){
返回{
groupItem: {},
formData: {},
行:”,
关口:“
}
},
看:{
},
方法:{
getfordata:函数(){
var _this=;
axios.get (“. ./json/selectdata.json”)
不要犹豫(函数(res) {
_this。groupItem=res.data;
var行=_this.groupItem [0] .rowData;
_this。行=行;
我(var=0; i< row.length;我+ +){
var坳=[我].configVos行;
(var j=0; j< col.length; j + +) {
var关键=坳[j];
_this.formData[键。paramCode]=";
}
}
})
},>
(
{
“groupName”:“抽数转换”,
构成了rowData”“:(
{
“configVos”:(
{
“configOptions”:(
{
“id”:“D”,
“optionCode”:“否”,
“用optionValue”:“0”,
“paramId”:“4”
},
{
“id”:“5”,
“optionCode”:“是”,
“用optionValue”:“1”,
“paramId”:“4”
}
),
“id”:“4 e”,
:“paramCode isView”,
“paramValue”:“0”
},
{
“configOptions”:(
{
“id”:“4”,
“optionCode”:“老版本”,
“用optionValue”:“0”,
“paramId”:“4”
},
{
“id”:“4”,
“optionCode”:“新版本”,
“用optionValue”:“1”,
“paramId”:“44”
}
),
“id”:“24”,
:“paramCode isDeleteCbnd”,
“paramValue”:“1”
}
]
},
{
“configVos”:(
{
“configOptions”:(
{
“id”:“英孚”,
:“optionCode估值2.5”,
“用optionValue”:“0”,
“paramId”:“1”
},
{
“id”:“8 b”,
:“optionCode估值2.5 + qd”,
“用optionValue”:“1”,
“paramId”:“131”
},
{
“id”:“06”,
2.5“optionCode”:“恒生”,
“用optionValue”:“2”,
“paramId”:“1”
},
{
25“id”:“男朋友”,
:“optionCode估值4.5”,
“用optionValue”:“3”,
“paramId”:“31”
}
),
“id”:“31”,
:“paramCode converType”,
“paramValue”:“0”
},
{
“configOptions”:(
{
“id”:“1366”,
“optionCode”:“万德”,
“用optionValue”:“0”,
“paramId”:“98”
},
{
“id”:“电子商务”,
“optionCode”:“聚源”,
“用optionValue”:“1”,
“paramId”:“8”
}
),
“id”:“91 f8”,
:“paramCode zxDataSource”,
“paramValue”:“0”
}
]
},
{
“configVos”:(
{
“configOptions”:(
{
“id”:“CD”,
:“optionCode期货占用”,
“用optionValue”:“商品”,
“paramId”:“5 c”
},
{
“id”:“91508011”,
“optionCode”:“其它”,
“用optionValue”:“yy”,
“paramId”:“91 c”
}
),
“id”:“5 c”,
:“paramCode derivativeDataSource”,
“paramValue”:“海关”
}
]
}
]
}
)
后来去看了Vue文档,发现文档中有说
我只是把下面绿色那句改成上面红色这句,就好了
