首页 > 其他 > 详细

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

时间:2020-05-20 15:08:20      阅读:124      评论:0      收藏:0      [点我收藏+]

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

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

原文:https://www.cnblogs.com/Mr-ai/p/12923210.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!