放一下效果图实现代码//重新封装成二维数组var list = res.data.records //获取后台数据 这个不多赘述let groups = []let Data = []list.map((v, i) = {//遍历后台返回的一维数组groups.push({//提取所需字段重新封...
放一下效果图
实现代码
//重新封装成二维数组
var list = res.data.records //获取后台数据 这个不多赘述
let groups = []
let Data = []
list.map((v, i) => {//遍历后台返回的一维数组
groups.push({//提取所需字段重新封装成数组
name: v.name,
})
Data.push({//提取所需字段重新封装成tableData数组
deliveryChargeMode: v.deliveryChargeMode,
id: v.id,
})
})
for (let i = 0; i < groups.length; i++) {//遍历groups
groups[i]['tableData'] = new Array() //在groups数组里每个对象都追加一个名为tableData的空数组
}
for (let j = 0; j < Data.length; j++) {//遍历Data数组
groups[j]['tableData'] = Data[j] //把Data数组里的下标数据对应放到groups下标对应的tableData数组里 如:groups[0]['tableData'] = Data[0],groups[1]['tableData'] = Data[1]
}
console.log('list', list)
console.log('arr', groups)
沃梦达教程
本文标题为:vue 后台返回的一维数组怎样变成二维数组
基础教程推荐
猜你喜欢
- Ajax发送和接收请求 2022-12-15
- 关于Ajax跨域问题及解决方案详析 2023-02-23
- 在实战中可能碰到的几种ajax请求方法详解 2023-02-01
- JS滚动到顶部踩坑解决记录 2023-07-10
- 使用ajax跨域调用springboot框架的api传输文件 2023-02-23
- uniapp开发微信小程序自定义顶部导航栏功能实例 2022-10-21
- Javascript Bootstrap的网格系统,导航栏和轮播详解 2023-08-11
- HTML clearfix清除浮动讲解 2022-11-20
- cocos creator游戏实现loading加载页面,游戏启动加载动画 2022-10-29
- Ajax+smarty技术实现无刷新分页 2022-12-15