1.安装依赖包npm install -S file-saver npm install -S xlsx npm install -D script-loader2.在项目中新建文件夹vendor名字可以随便取把Blob.js和 Export2Excel.js这两个文件夹放到新建的文件夹内资源下载3.代码/** *listData 表格数据从数据库中查出所有数据 *filterVal 需要导出的列名 */ exportExcel(listData,filterVal){ this.downloadLoading true import(/vendor/Export2Excel).then(excel { const tHeader [ID, 用户名, 邮箱, 头像地址] const filterVal [id, username, email, avatar] const data this.formatJson(filterVal, listData) excel.export_json_to_excel({ header: tHeader, data, filename: table-list//文件名 }) this.downloadLoading false }) } // 数据转换 formatJson(filterVal, jsonData) { return jsonData.map(v filterVal.map(j {return v[j] })) }4.在页面中使用时如果因为路径报错或者提示这种错误的话在webpack.base.conf.js 里面增加resolve下一行代码‘vendor’: path.resolve(__dirname, ‘…/src/vendor’),//新增加一行
vue系列--vue中通过Export2Excel将table导成excel
1.安装依赖包npm install -S file-saver npm install -S xlsx npm install -D script-loader2.在项目中新建文件夹vendor名字可以随便取把Blob.js和 Export2Excel.js这两个文件夹放到新建的文件夹内资源下载3.代码/** *listData 表格数据从数据库中查出所有数据 *filterVal 需要导出的列名 */ exportExcel(listData,filterVal){ this.downloadLoading true import(/vendor/Export2Excel).then(excel { const tHeader [ID, 用户名, 邮箱, 头像地址] const filterVal [id, username, email, avatar] const data this.formatJson(filterVal, listData) excel.export_json_to_excel({ header: tHeader, data, filename: table-list//文件名 }) this.downloadLoading false }) } // 数据转换 formatJson(filterVal, jsonData) { return jsonData.map(v filterVal.map(j {return v[j] })) }4.在页面中使用时如果因为路径报错或者提示这种错误的话在webpack.base.conf.js 里面增加resolve下一行代码‘vendor’: path.resolve(__dirname, ‘…/src/vendor’),//新增加一行
