vue导出element表格,xlsx和xlsx-style生成xlsx文件并修改样式

1.下载依赖

npm install xlsx --save
npm install file-saver --save
npm install xlsx-style --save

2.先修改xlsx-style的源码,一旦引入xlsx-style则会报错

xlsx-style使用中常见问题及解决办法:

xlsx-style使用中常见问题及解决办法-CSDN博客

在\node_modules\xlsx-style\dist\cpexcel.js 807行 的 var cpt = require(’./cpt’ + ‘able’); 改成 var cpt = cptable;
但是如果每次打包之前去修改包里的代码很麻烦所以我去node_modules包里找到了这个文件
vue导出element表格,xlsx和xlsx-style生成xlsx文件并修改样式_第1张图片

把这个xlsx.full.min.js复制一份出来,粘贴到项目内,我是放到了public的index里面如图:

vue导出element表格,xlsx和xlsx-style生成xlsx文件并修改样式_第2张图片

3.在页面使用,这里是使用element表格,用id绑定后,再用dom获取该节点,然后导出数据添加样式




 vue导出element表格,xlsx和xlsx-style生成xlsx文件并修改样式_第3张图片

vue导出element表格,xlsx和xlsx-style生成xlsx文件并修改样式_第4张图片

你可能感兴趣的:(vue.js,javascript,ecmascript)