1、背景:
由于在一些项目中,后端返回来的数据里面缺少了前端页面中需要的一些数据,此时需要前端手动添加新数据。
2、举例:
上图可以看出,由于后端返回的 数据里面没有id这一项内容,造成页面数据不完整,所以需要前端在现有的数据里添加需要的新数据。
3、代码:
//将请求回来的数据(data.auto_list)赋值给data里面定义的变量(tableData)
this.tableData = data.auto_list
//将(tableData)循环遍历每一项item,然后给每一项添加:键名为('id')键值为当前索引下标index,由于
此项目是记录数据的条数序号,是从1开始,因此给(index+1)
this.tableData.forEach((item, index) => {
// console.log(index,item)
item['id'] = index + 1
// console.log(item)
})
4、效果: