文章目录

• • 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; ithis.$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"},
]