vue前端下载word文档 vue前端文件下载

项目中不可避免出现需要下载的情况，大公司内部开发的工具，多数具有报表的导出功能，所以如何实现呢？

一个最基本要求图片与文字的排版遵从原版；另一个就是清晰。

需要的相关插件：

1，jquery.wordexport.js和FileSaver.js，jquery-3.3.4.js；

在vue项目中如何使用？

目前我暂时没试过使用npm install 安装的上面插件能成功下载，所以我使用我能成功的方法：

1，先下好上面三个插件，放在一个文件夹；

2，在jquery.wordexport.js的源码中顶部引用：

import saveAs from '../js/FileSaver';

3，jq我是全局引用的：

A,npm install jquery -save;

B,在main.js中：import 'jquery';

4，在需要下载的组件中引用：

import '../../js/jquery.wordexport.js';

5，开始使用：

$("#code_word_edit_Centent_body").wordExport(name);

其中：code_word_edit_Centent_body为承载你下载文章内容或者排版好的内容的div的id，name为下载的文章名。

希望本文能对需要的小伙伴有帮助！