给数组里面的每一个对象里添加一个新的数组

liuqiancsdn1558

已于 2022-07-13 11:52:24 修改

阅读量1.8k

点赞数

文章标签： servlet 前端

于 2022-07-13 10:37:06 首次发布

本文链接：https://blog.csdn.net/liuqiancsdn1558/article/details/125758234

版权

1.背景

如图，大表格中的每一项展开后都嵌套了一个小表格，但是在后端返回的数据中大表格中并没有小表格的数据，所以需要手动将小表格中的数据添加到大表格中。

2.思路

（1）首先将后端返回的大表格的List的每一项都加上一个空的数组（childTable）

    searchFilesByClickBtn (levelType) {
      this.$http({
        url: this.$http.adornUrl('/liaoning/northeastPointsCyc/listNortheastPoints'),
        method: 'post',
        data: {
          pageNum: 1,
          pageSize: 20
        }
      }).then(res => {
        const {
          data: { code, msg, result }
        } = res
        if (code == 200) {
        //给List的每一项都添加一个空的数组对象
          res.data.result.list.forEach((item) => {
            item.childTable = []
          })
        }
      })
    },

（2）将后端返回的小表格中的数据，依次添加到大表格中

    taskViewOne (row) {
      console.log(row)
      this.$http({
        url: this.$http.adornUrl('/liaoning/northeastPointsCyc/listPointsOver'),
        method: 'get',
        params: { northeastPointsId: row.id}
      }).then(res => {
        const {
          data: { code, msg, result }
        } = res
        if (code == 200) {
          row.childTable = res.data.result
        }
      })
    },

小表格的接口数据是通过点击大表格后得到大表格的row.id作为参数来请求到的，row代表的是所点击的大表格的一列，将请求到的数据添加到大表格中对应的列中