vue 前端导出word文档

        前端导出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查看

  • 11
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

travel_wsy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值