vue中使用JQuery把页面导出成word

在vue项目目录下的public下面的index.html中引入JQuery，全局使用

<script language="JavaScript" src="assets/js/jquery.min.js"></script>
<script language="JavaScript" src="assets/js/FileSaver.js"></script>
<script language="JavaScript" src="assets/js/jquery.wordexport.js"></script>

然后在public文件夹下面的assets或者其他文件夹中引入上面这三个js文件

最后导出页面通过JQuery中的wordExport方法来导出

<a-button @click="ExportReport">导出</a-button>
<div id="reportContent">
 	111
</div>

ExportReport() {
	// 第一个参数为文档名称
   $('#reportContent').wordExport('导出')
},

需要注意的是样式为class获取id的话，导出样式不会生效，最好用行内样式