Vue导出Excel表格数据

不知道叫啥yuki

于 2019-12-17 20:59:55 发布

阅读量600

点赞数 1

分类专栏： vue项目文章标签： vue.js javascript es6

本文链接：https://blog.youkuaiyun.com/wuchenyu2/article/details/103587597

版权

背景：现在的项目需要做这个功能，之前没有处理过，记录下来方便查看。

第一步：安装依赖包

npm install  file-saver 

npm install xlsx

npm install script-loader

第二步：新建js文件夹，也可以命名为excel，用于存放Blob.js和Export2Excel.js两个js文件

第三步：具体的使用方法

主要是两个方法，之前我看的是别人的方法（方法二），但是因为vue-cli版本不同无法识别require.ensure的写法，所以自己琢磨了下改为方法一，也能实现。

方法一：表格数据序号返回，需要自己手动添加序号

exportToExcel() {
    //手动添加序号至表格中
    for (let i = 0; i < accountTableAllList.length; i++) {
         accountTableAllList[i].index = i + 1;
    }
    this.accountAllTable = accountTableAllList;
    const { export_json_to_excel } = require('./js/Export2Excel')