vue 前端导出excel表格

首先装依赖

npm install xlsx file-saver -S
npm install script-loader -S -D

然后需要两个文件src 下创建

文件地址链接: https://pan.baidu.com/s/1p9ZMlnzUF6mAGLn4tNiM4w 提取码: 6rjd

然后封装公用方法

commom.js

export function export2Excel(columns,list,excelName){
  require.ensure([], () => {
      const { export_json_to_excel } = require('@/vendor/Export2Excel');
      let tHeader = []
      let filterVal = []
      columns.forEach(item =>{
          tHeader.push(item.title)
          filterVal.push(item.key)
      })
      const data = list.map(v => filterVal.map(j => v[j]))
      export_json_to_excel(tHeader, data, excelName);
  })
}

 

 个人vuepress搭建博客 https://wojiaozhangyonghao.github.io/myblog/

加群教你用vue + vuepress 搭建自己的博客

加入技术交流群

扫描二维码