前端导出word文档（基于vue）

Posted 2023-04-20

参考技术A

工作中经常会遇到根据不同数据导出文档的情况，现在我们就来看一下基于 docxtemplater 来导出word文档的方法，使用起来非常便捷。

下面简单介绍一下这几个插件的功能：

下面列出几中常见的 docxtemplater 语法

word模板文件中语法：

word模板文件中语法：

word模板文件中语法：

word模板文件中语法：

在这里关于模板文件的路径 tempDocxPath 我们要着重说一下。
在使用的过程中应该有不少人会遇到这种报错： Can\'t find end of central directory : is this a zip file ?

那这到底是什么原因导致的呢？
获得模板文件的二进制内容的方法，JSZipUtils.getBinaryContent(path, option) 提供path和option两个参数。我们来看一下path，前端开发最首先想到的可能是绝对路径或者相对路径，你可能还会用到@这个符号作为根目录使用，但在这里你显然不能这么用。

vue实现word或pdf文档导出的功能

https://www.jianshu.com/p/73915ef6ac89

Vue - element-ui 中预览 word 、exce、ppt以及pdf文件

https://blog.csdn.net/weixin_44326007/article/details/99693479

前端实现在线预览pdf、word、xls、ppt等文件

https://blog.csdn.net/guaiguaiknl/article/details/82414705?utm_medium=distribute.pc_relevant_right.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant_right.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase

vue使用kkfileview文件预览功能