vue.js接口每隔5秒刷新一次,如果有新数据加在原来数组的下面,如果没有还是现实原先的,怎么实现呢?

好的,大神们应该是还没有明白我的意思,
首先这个接口是一样的接口,当用户到了不同的区域的时候,返回的数据是不一样的。但是数据格式是一样的,
比如说我现在在A区域,那我拿到的数据了能是这样的,

        newList:[
                {
                    id:1,
                    list:[
                        {name:"小明",age:18,phone:13456843},
                        {name:"小军",age:19,phone:13456843},
                        {name:"小强",age:16,phone:13456843}
                    ]
                },
                {
                    id:2,
                    list:[
                        {name:"小分",age:12,phone:13456843},
                        {name:"小邓",age:20,phone:13456843},
                        {name:"小超",age:24,phone:13456843}
                    ]
                }
            ],

我到了B区域拿到的数据可能是这样的

                {
                    id:3,
                    list:[
                        {name:"小迪",age:18,phone:13456843},
                        {name:"小丽",age:19,phone:13456843},
                        {name:"小热",age:16,phone:13456843}
                    ]
                },
                {
                    id:4,
                    list:[
                        {name:"小巴",age:12,phone:13456843},
                        {name:"小鹿",age:20,phone:13456843},
                        {name:"小晗",age:24,phone:13456843}
                    ]
                }

现在的需求呢就是把这两个合并在一起,
变为

        newList:[
                {
                    id:1,
                    list:[
                        {name:"小明",age:18,phone:13456843},
                        {name:"小军",age:19,phone:13456843},
                        {name:"小强",age:16,phone:13456843}
                    ]
                },
                {
                    id:2,
                    list:[
                        {name:"小分",age:12,phone:13456843},
                        {name:"小邓",age:20,phone:13456843},
                        {name:"小超",age:24,phone:13456843}
                    ]
                },
                {
                    id:3,
                    list:[
                        {name:"小迪",age:18,phone:13456843},
                        {name:"小丽",age:19,phone:13456843},
                        {name:"小热",age:16,phone:13456843}
                    ]
                },
                {
                    id:4,
                    list:[
                        {name:"小巴",age:12,phone:13456843},
                        {name:"小鹿",age:20,phone:13456843},
                        {name:"小晗",age:24,phone:13456843}
                    ]
                }
            ],

请问该怎么实现呢?

阅读 3.2k
2 个回答

我跟你说的就是这样的啊,分析下,这个是不是类似下拉加载更多这个功能,第一页有了,假设就是你的A区域,这个时候下拉加载,第二页,这就是B区域,这个时候你的值应该是A+B,你同意是这样的吗

新数据数组.forEach(item => {
this.newList.push(item)
})

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题