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 搭建自己的博客

加入技術交流群

掃描二維碼