项目有个需求就是导出页面为word文件。页面包含表格、echarts图表。
以下是实现:
技术实现:fileSaver.js+html-docx-js
1、依赖 如果报错使用cnpm试试
npm install --save html-docx-js
npm install --save file-saver
2、导入
import htmlDocx from 'html-docx-js/dist/html-docx';
import saverFile from 'file-saver
3、代码部分
给需要导出的div标签设置一个id`
<div id="exportBox"> xxx内容 </div>
因为我这里需要导出echarts图片,所以需要多一步图表处理的步骤,添加一个class
<div class="reportTag" :id="chartsId"<