实现导出后的效果：第一步：安装依赖npminstall--savexlsxfile-saver第二步：给表格添加id，导出时需要使用导出第三步：引入依赖//导入导出Excel表格依赖import*asFileSaverfrom"file-saver"；从“xlsx”导入*作为XLSX；Step4:Export//点击导出表格按钮后触发事件constexportExcel=()=>{/*fromTable生成工作簿对象*/varwb=XLSX.utils.table_to_book(document.querySelector("#out-桌子”））;/*获取二进制字符串作为输出*/varwbout=XLSX.write(wb,{bookType:"xlsx",bookSST:true,type:"array"});尝试{FileSaver.saveAs(//Blob对象表示一个不可变的，原始数据类文件对象//Blob不一定表示JavaScript原生格式的数据。//File接口基于Blob，继承blob的功能并扩展它支持A文件在用户的系统上。//返回一个新创建的Blob对象，其内容由参数中给定的数组的串联组成。newBlob([wbout],{type:"application/octet-stream"}),//设置导出文件名"idea.xlsx");}catch(e){if(typeofconsole!=="undefined")console.log(e,wbout);}返回wbout;}这种导出方式与渲染表的数据相关，如果要全部导出，可以先查询全部再导出。在某些情况下，表格数据是由后台接口返回的。这时需要调用接口导出表。调用后台接口实现Excel导出功能可参考另一篇文章：调用后台接口实现Excel导出功能及导出乱码
