Vue实现在前端导出Excel 方法1
阅读原文时间:2022年04月15日阅读:1

也可以去看我的方法2:https://www.cnblogs.com/yingyigongzi/p/10915403.html

-------------------------------------------------------------------------------------

参考1:http://www.pianshen.com/article/613969950/

参考2:https://www.cnblogs.com/Mrfan217/p/6944238.html

npm安装:

cnpm install -S file-saver xlsx
cnpm install -D script-loader

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

https://download.csdn.net/download/badao_liumang_qizhi/10767801

或者:

https://gitee.com/BenDanXianSheng/excel_relyon.git

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

比如:我自己在src下的assets下自己新建了一个文件夹vendor,把Blob.js、Export2Excel.js放入其中

然后

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

resolve的alias中加入:

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

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

点击导出按钮