vue导出excel加一个进度条_Vue实现在前端导出Excel

安装依赖

进入项目文件夹，打开cmd或者在Webstorm中的Terminal中输入：

npm install -S file-saver xlsx

npm install -D script-loader

添加js文件

下载所需的两个文件：Blob.js、Export2Excel.js

新建vendor，名称不一定非是vendor，建议但不非得将此目录放在与单页面同级的目录。将上面两个js文件放在vendor目录中。

比如：

这里要使用的单页面是merchantBIllFlow.vue,所以在此同级目录下新建vendor目录，将上面两个js文件放在此目录下。

修改配置文件

在项目目录下的build下的 webpack.base/conf.js这个webpack的配置文件中的

resolve的alias中加入：

'vendor':path.resolve(__dirname,'../src/views/account/vendor'),

具体路径根据实际而写，这里是按照我的方式写的路径。

如下：

实现代码