刚才写代码碰到后端返回的数组,因为要使用Element组件中的数据表格所以要按照组件规定的格式来写,但是我没想到后端给我返回了一个数组,而这个数组包含一个对象,对象中又包含了对象,相当于一个对象嵌套,就是类似于这种图片格式(一开始手动打出的效果发现还没图片的效果好)
然后就开始想办法。。。。。。
经过相关查找与思考,下面是结果:
//首先是声明一个数组与一个对象(我是直接在Vue中的data中声明的)
tableData: [],
tableDataOne: {},
接着是获取后端的数据并进行处理,res就是后端返回的结果。
下面是对返回结果进行处理:
//我用的是for循环
for (let index = 0;index < res.data.data.tbScheduleWalls.length;index++) {
// console.log(res.data.data.tbScheduleWalls[index].tbScheduleWall);
//首先打印下结果看看具体类型刚才上传的图片就是结果
this.tableDataOne =res.data.data.tbScheduleWalls[index].tbScheduleWall;
//先把数组中的一个个大的对象循环赋给this.tableDataOne其中this是非常重要的因为它指的是当下的tableDataOne
this.tableDataOne["academyName"] = res.data.data.tbScheduleWalls[index].academyName;
//接着是在this.tableDataOne对象中声明一个academyName属性,并立刻完成赋值
console.log(this.tableDataOne);//接着当然是打印一下看看结果了
this.tableData.push(this.tableDataOne);//Then需要把对象放在this.tableData数组中供Element数据表格组件使用
console.log(this.tableData);//最后打印一下
}
说明:注释的部分好像比较乱,但绝对是自己的真是想法,写的不好,哈哈哈哈
以上就是我的个人见解,其实也没多看什么权威的讲解,有错误是肯定的,请各位各抒己见。