DataV的轮播表后端返回的数据处理

最新推荐文章于 2024-07-02 15:39:39 发布

时无诳语Imp

最新推荐文章于 2024-07-02 15:39:39 发布

阅读量420

点赞数 2

文章标签： javascript vue.js

本文链接：https://blog.csdn.net/weixin_54930261/article/details/138303563

版权

由于官网上DataV的轮播表的接收data格式为:

export default {
  data: [
    ['行1列1', '行1列2', '行1列3'],
    ['行2列1', '行2列2', '行2列3'],
    ['行3列1', '行3列2', '行3列3'],
    ['行4列1', '行4列2', '行4列3'],
    ['行5列1', '行5列2', '行5列3'],
    ['行6列1', '行6列2', '行6列3'],
    ['行7列1', '行7列2', '行7列3'],
    ['行8列1', '行8列2', '行8列3'],
    ['行9列1', '行9列2', '行9列3'],
    ['行10列1', '行10列2', '行10列3']
  ]
}

这样的形式后端大概率不会返回,后端返回的数据一般是[{},{},{}]这样的数据,需要前端自己处理一下,直接写一个方法

const arr = [
    {
        "material_code": "030205103",
        "material_name": "烟酰胺注射液",
        "r_qty": "100.00",
        "r_qty_QOQ": "110.12",
        "r_qty_YOY": "120.12",
    },
    {
        "material_code": "040500128",
        "material_name": "清开灵胶囊",
        "r_qty": "100.00",
        "r_qty_QOQ": "110.12",
        "r_qty_YOY": "120.12",
    },
    {
        "material_code": "040500151",
        "material_name": "清开灵胶囊",
        "r_qty": "100.00",
        "r_qty_QOQ": "110.12",
        "r_qty_YOY": "120.12",
    },
    {
        "material_code": "0409010108",
        "material_name": "浓缩物(明兴纳克)",
        "r_qty": "100.00",
        "r_qty_QOQ": "110.12",
        "r_qty_YOY": "120.12",
    },
    {
        "material_code": "0409010114",
        "material_name": "相关治疗",
        "r_qty": "100.00",
        "r_qty_QOQ": "110.12",
        "r_qty_YOY": "120.12",
    },
    {
        "material_code": "0409010409",
        "material_name": "明兴纳克",
        "r_qty": "100.00",
        "r_qty_QOQ": "110.12",
        "r_qty_YOY": "120.12",
    },
    {
        "material_code": "0409010410",
        "material_name": "九价",
        "r_qty": "100.00",
        "r_qty_QOQ": "110.12",
        "r_qty_YOY": "120.12",
    },
    {
        "material_code": "0409010506",
        "material_name": "枇杷膏",
        "r_qty": "100.00",
        "r_qty_QOQ": "110.12",
        "r_qty_YOY": "120.12",
    }
]
const arrKey = [
    'material_code',
    'material_name',
    'r_qty',
    'r_qty_QOQ',
    'r_qty_YOY'

function dataProcessing(arr, arrKey) {
    let Arr = new Array(arr.length)
    for (let i = 0; i < arr.length; i++) {
        Arr[i] = new Array(arrKey.length)
        for (let j = 0; j < arrKey.length; j++) {
            Arr[i][j] = arr[i][arrKey[j]]
        }
    }
    return Arr
}

const data = dataProcessing(arr, arrKey)
console.log(data)

这个方法就可以处理成DataV需要的数据