文章目录
- vue和js给后端接口返回的数据（如以json数据为元素的数组）添加新的json字段
- 1. res为后端接口的响应
- 2. 获取后端接口返回的数据
- 3. 向 tableData 添加字段
- 3.1. 向 tableData 中添加一个新json元素( {"time", "2023-02-09"} )
- 3.2. tableData 添加新元素后 tableData 的值
- 4. 向 tableData 的元素添加字段
- 4.1. 向 tableData 中的每个元素添加一个新json元素( {"age", "20"+i} )
- 4.2. 向 tableData 中的每个元素添加一个新json元素后tableData 的数据
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"},
]
