前端后台表格数据需要导出为excel文件,可以使用csv

312 阅读1分钟
  1. 为什么可以使用csv?
  2. 因为window默认用excel打开csv文件
  3. csv本质上是文本文件
  1. 首先安装第三方工具 npm i csv-exportor
  1. 引入 import CsvExportor from 'csv-exportor'

6.使用

let heads = ['表头1', '表头2', '表头3'] // csv表格的头部(自定义)
          let csvData = [] // csv表格的内容
          let arrNew = result // 获取的数据赋值给 arrNew
          for (let i = 0; i < arrNew.length; i++) {
            let obj = arrNew[i] // 每行都是obj
            csvData.push({
              [heads[0]]: obj.xxx, // 自定义添加(el中对应prop)
              [heads[1]]: obj.xxxx
            })
          }
          // 导出csv文件:
          CsvExportor.downloadCsv(
            csvData,
            { header: heads },
            '文件名.csv'
          )