1.明确在el-option中v-for循环的数据类型,是map<key,value>形式:
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
:disabled="item.disabled">
</el-option>
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶',
}, {
value: '选项3',
label: '蚵仔煎'
}]
2.后端返回的list数据结构,可见二者并不匹配。
0: "****"
1: "****"
2: "@@@@"
3: "####"
4: "%%%%"
5: "————"
3.在vue框架的script模块写入相应js代码:
res.data.issueKeyList是后端返回的list结构;issueKeyOptions是前端声明的map结构;
el-option中v-for循环issueKeyOptions即可。
res.data.issueKeyList.forEach(item => {
this.issueKeyOptions.push( { value: item, label: item } )
})