场景有的时候我们需要根据后端提供的数据，然后结合word模版来生成word。我们可以使用第三方库docxtemplater效果依赖说明1、docxtemplater：这个插件可以通过预先写好的word，excel等文件模板生成对应带数据的文件2、pizzip：这个插件用来创建，读取或编辑.zip的文件（同步的，还有一个

安装//安装docxtemplaternpminstalldocxtemplaterpizzip--save//安装jszip-utilsnpminstalljszip-utils--save//安装jszipnpminstalljszip--save//安装FileSavernpminstallfile-saver--save//引入处理图片

vue页面导出为pdf与word一.导出为word 基于 docxtemplater 来导出word文档的方法1.安装引用依赖//安装docxtemplaternpminstalldocxtemplaterpizzip--save//安装jszip-utilsnpminstalljszip-utils--save//安装jszipnpminstalljszip--save//安装

说明前端实现导出word文档，我们需要用到docxtemplater这个库使用的是vue2.6和vue-cli5还需要准备一个word模板，更多模板变量请去docxtemplater官网获取准备word模板安装需要用到的库//安装docxtemplaternpminstalldocxtemplaterpizzip--save//安装jszip-utilsn

安装依赖yarnadddocxtemplateryarnaddpizzipyarnaddjszip-utilsyarnaddfile-saver//模板解析插件（支持list循环直接使用$index,使用if判断语法）yarnaddangular-expressionsyarnaddlodash页面测试代码<template> <div> <button@click="bt

安装依赖cnpminstall--savedocxtemplaterpizzip jszip-utilsfile-saver模板文件（模板文件中使用{name}，‘{name}’将会被替换成‘张三’）test.docx放在public

具体需求在我的疫情可视化项目中有一个功能需要导出word文档，在页面点击按钮后处理数据生成word文件，然后自动下载文档。实现步骤多番查询后发现前端导出word，使用docxtem

1.下载插件//--安装docxtemplaternpminstalldocxtemplaterpizzip--save//--安装jszip-utilsnpminstalljszip-utils--save//--安装jszipnpminstallj

1.以word模版生成word模块：docxtemplater官网：https://docxtemplater.com/docs/get-started-browser/官网在线演示：https://docxtemplater.com/demo/#simple1.1浏览器版