故障代码
// 填报select 下拉数据
getSelectList() {
const fdTypeArr = ["IS_CASUALTIES", "ZDSJLX", "ZDSJ_LKLX", "ZDFX", "BORDER_PROVIINCE","ZDYY"];
this.$axios.defaults.withCredentials = true;
fdTypeArr.forEach((item) => {
var url;
if( item =='IS_CASUALTIES'){
url='/constant/dictLists'
}else{
url="/constant/treeDicts"
}
this.$axios .post(this.$zjyhPath + url, {
fdType: item,
}).then((res) => {
console.log( res)
let code = res.data.code;
if (code === 200) {
let key = item.toLocaleLowerCase();
if (key == "is_casualties") {
this.selectList[key] = res.data.resultData.IS_CASUALTIES;
} else {
if(res.data.resultData[0].childList){
this.selectList[key] = res.data.resultData[0].childList;
}}
}
})
.catch((error) => {
console.log(error);
});
});
// for( let k in this.selectList){
this.selectList = JSON.parse(JSON.stringify(this.selectList ))
console.log(this.selectList)
// }
},
出现问题是: 返回的数据,vue v-for中无法进行遍历。
解决方法:
// 下拉列表集合对象
selectList: {
yhsjlx: [], // 事件类型下拉框一
zdsjlx: [], // 阻断类型下拉框
zdsj_lklx: [], // 阻断路况类型下拉框
zdyy: [], // 阻断原因分类下拉框
zdfx: [], // 阻断方向下拉框
},
在vue data: 中,提前准备好,键值。 再赋值。
这样,vue 不会加上监听数据函数。