前端导出word文档,如果是简简单单的文章,还是很好完成的,但是这里需要导出非常复制的表格形式,还有一些其他的要求,比如:表格的宽度,行高,字体大小,颜色等;本来想让后端来写,前端直接下载的,后来看到有人已经写出来依据word模板文档来下载,完完全全是把word模板上的样式拷贝下来的,今天就把这个方法分享一下。
先把我自己整理后的方法发出来:
一、引入组件
npm i @travel_wsy/export_word
二、创建word模板
这里主要说一下数组循环:以{#数据中数组的名称}开始,以{/数据中数组的名称}结束,这中间部分是循环部分,其他的根据自己需要可以随意设置
三、引入方法
import {exprot_doxc} from '@travel_wsy/export_word'
该方法需要3个值:第一个值:导出数据 object类型;第二个值:导出文件名 string类型;第三个值:word模板路径 string类型
因为原始方法需要依次引入4个包,为了方便,我这里就重新封装了一下,现在只有引入一个包接口,其他的包都内置了,原始文件可以点击@travel_wsy/export_word查看