vue的组件中使用xlsl包，实现数据导出到excel文件

1.安装依赖包

npm install --save xlsx file-saver

2.在vue组件中的script标签中输入

import FileSaver from 'file-saver'
import XLSX from 'xlsx'

 

 　3.在methods里添加exportExcel方法

methods:{

exportExcel() {
//通过数组导入到 excel

var _data = [

        [ "id",    "name", "value" ],

        [    1, "sheetjs",    7262 ],

        [    2, "js-xlsx",    6969 ]

      ];
      const ws= XLSX.utils.aoa_to_sheet(_data);

      /* generate workbook and add the worksheet */
      const wb = XLSX.utils.book_new();
      XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

      /* save to file */
      XLSX.writeFile(wb, 'SheetJS.xlsx')

}

　}

4.调用该方法即可生成excel文件

 

JSON格式数据导出到Excel可参考https://www.cnblogs.com/dragonKings/p/12155289.html