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

由于官网上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需要的数据

相关推荐

  1. DataV返回数据处理

    2024-05-04 17:10:02       41 阅读
  2. 制作

    2024-05-04 17:10:02       61 阅读
  3. Swiper接口实现

    2024-05-04 17:10:02       47 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-04 17:10:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-04 17:10:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-05-04 17:10:02       87 阅读
  4. Python语言-面向对象

    2024-05-04 17:10:02       96 阅读

热门阅读

  1. P2404 自然数的拆分问题 题解

    2024-05-04 17:10:02       31 阅读
  2. android 14.0 SystemUI导航栏添加虚拟按键功能(三)

    2024-05-04 17:10:02       31 阅读
  3. 404 Not Found - GET https://registry.npmjs.org/fs-promises

    2024-05-04 17:10:02       35 阅读
  4. 大数据分析入门10分钟快速了解SQL

    2024-05-04 17:10:02       30 阅读
  5. PIXI入门系列之终章

    2024-05-04 17:10:02       35 阅读
  6. python编程功能选择建议处理方式

    2024-05-04 17:10:02       31 阅读
  7. D3CTF2024

    D3CTF2024

    2024-05-04 17:10:02      26 阅读