VUE将两条数据组合成一条数据

·咚咚锵

于 2022-11-01 16:27:51 发布

阅读量1k

点赞数

分类专栏： vue 文章标签： vue 前端 vue.js javascript

本文链接：https://blog.csdn.net/m0_64430502/article/details/127635932

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

需求是：最后一位是奇数默认和偶数是一对。例如0011 和0012 是一组。请求回来的数据是单条的。我们要组合起来，方便选中。我是让后端返回的时候一对的给一个相同的字段commonId

// 模拟请求数据
xxx.then(res=>{
    const formatData = [];
    res.data.forEach(item=>{
        let formatDataItem = formatData.find(t => t.commonId === item.commonId);
         if (formatDataItem) {
                formatData.splice(formatData.findIndex(t => t.commonId ===item.commonId), 1,
                  {
                    ...formatDataItem,
                    id2: item.id,
                    code2: item.code,
                    num2: item.num,
                    name2: item.name  
                  }
                );
              } else {
                formatData.push({
                  commonId: item.commonId,
                  bufferModel: item.bufferModel,
                  lineName: this.lineName,
//带 1 2 的字段就是不一样的东西 共同的写一个字段名字。
                  id1: item.id,
                  code1: item.code,
                  num1: item.num,
                  name1: item.name  
                });
              }
    })
})

可以打印一下 res.data 和 formatData 观察一下。

这样就把两条数据组合成一条数据了。渲染formatData就可以了。