vue和js给后端接口返回的数据（如以json数据为元素的数组）添加新的json字段

vue和js给后端接口返回的数据（如以json数据为元素的数组）添加新的json字段

1. res为后端接口的响应

res.data.data.list = [{id:"1",name:"Lily"},{id:"2",name:"Lucy"},
]

2. 获取后端接口返回的数据

this.tableData = res.data.data.list;

3. 向 tableData 添加字段

3.1. 向 tableData 中添加一个新json元素( {“time”, “2023-02-09”} )

this.$set(this.tableData,'time','2023-02-09')

3.2. tableData 添加新元素后 tableData 的值

this.tableData = [{id:"1",name:"Lily"},{id:"2",name:"Lucy"},{time: 2023-02-09,},
]

4. 向 tableData 的元素添加字段

4.1. 向 tableData 中的每个元素添加一个新json元素( {“age”, “20”+i} )

for(let i=0; i<this.tableData.length; i++) {this.$set(this.tableData[i],'age','20'+i)
}

4.2. 向 tableData 中的每个元素添加一个新json元素后tableData 的数据

this.tableData = [{id:"1",name:"Lily",age:"21"},{id:"2",name:"Lucy",age:"22"},{time: 2023-02-09,age:"23"},
]