Vue 将页面中表格数据导出excel

Vue导出Excel实战

最新推荐文章于 2025-07-19 20:20:44 发布

置顶

rsancy

最新推荐文章于 2025-07-19 20:20:44 发布

阅读量2.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue vue导出表格excel 导出表格

本文链接：https://blog.youkuaiyun.com/qq_30671099/article/details/82755223

一、需要安装三个依赖：

npm install -S file-saver xlsx

npm install -D script-loader

二、项目中新建一个文件夹：（vendor---名字任取）

　　里面放置两个文件Blob.js和 Export2Excel.js。

　　链接：https://pan.baidu.com/s/1krRDSw6PHylWlg5yslwZGA 密码：qotw

下载后直接将文件夹放到src目录下即可。

三、在.vue文件中
　　在methods里写这两个方法：其中list是表格的内容

 // 导出表格
export2Excel() {
    require.ensure([], () => {
          let { exportJsonToExcel } = require('../../vendor/Export2Excel');
           // 表头
          let tHeader = ['序号', 'IMSI', 'MSISDN', '证件号码'];
          //表头对应字段名，要和下面数