vue如何把html转换word,vue前端html导出word文档

标签：ext   大小   标签   引入   tor   object   tee   attribute   解决

1、index.html文件内引入

1 scriptsrc="js/html-docx.js">script>

2、在导出页面加入方法

1 //导出 word 文档

2 exportDocx() {3 //克隆报告HTML

4 let contentDocument = $.clone(this.$refs.report);5 this.convertImagesToBase64(contentDocument);6 this.convertChartsToBase64(contentDocument);7

8 let content = `

910

11

12

13 ${contentDocument.innerHTML}14

15 `;

16 console.log(content);17 let converted =htmlDocx.asBlob(content);18 saveAs(converted, `${this.title}.docx`);19

20 let link = this.createDownloadLink(converted, `${this.title}.docx`);

21

22 this.$refs.downloadArea.innerHTML = "";

23 this.$refs.downloadArea.appendChild(link);

24 },25

26 //转换图片为 base64 (todo: 有可能因跨域报错)

27