vue实现导出为word模板

安装并导入

import Docxtemplater from 'docxtemplater'
import PizZip from 'pizzip'
import JSZipUtils from 'jszip-utils'
import { saveAs } from 'file-saver'

 exportWord() {const that = this// 读取并获得模板文件的二进制内容JSZipUtils.getBinaryContent('previewDeclare.docx',function (error, content) {console.log(that.enterprise)// gy-agree-service.docx是模板。我们在导出的时候，会根据此模板来导出对应的数据// 抛出异常if (error) {throw error}console.log(content)// 创建一个PizZip实例，内容为模板的内容const zip = new PizZip(content)// 创建并加载docxtemplater实例对象const doc = new Docxtemplater().loadZip(zip)doc.setOptions({nullGetter: function () {return ''}})// 设置模板变量的值doc.setData({//trademark: that.trademark,//planArr: that.planArr,//JoinShop: that.JoinShop,//recordList: that.recordList})try {// 用模板变量的值替换所有模板变量doc.render()} catch (error) {// 抛出异常const e = {message: error.message,name: error.name,stack: error.stack,properties: error.properties}console.log(JSON.stringify({ error: e }))throw error}// 生成一个代表docxtemplater对象的zip文件（不是一个真实的文件，而是在内存中的表示）const out = doc.getZip().generate({type: 'blob',mimeType:'application/vnd.openxmlformats-officedocument.wordprocessingml.document'})// 将目标文件对象保存为目标类型的文件，并命名saveAs(out, 'xxxxxx.docx')})},

首先，使用vue的时候，在public 文件夹下，放入word文档（先用word画好导出的样式）

如果是数组注意开头的# 与结尾的/, #后面 /后面是这个数组的名

vue实现导出为word模板相关推荐

vue+docxtemplater，填充word模板
安装依赖 yarn add docxtemplateryarn add pizzipyarn add jszip-utilsyarn add file-saver// 模板解析插件(支持list循环直 ...
[vue] html导出到word ，使用 htmlDocx FileSaver
npm install html-docx-js -S npm install file-saver -S file-saver是用来保存文件的,也是必须安装的. import FileSaver f ...
使用poi-tl导出动态word模板，包含折线图、柱状图、饼状图
1 依赖引入 <dependency> <groupId>com.deepoove</groupId> <artifa ...
图片复制word java_java poi实现word导出（包括word模板的使用、复制表格、复制行、插入图片的使用）...
java poi实现数据的word导出(包括word模板的使用.复制表格.复制行.插入图片的使用) 1.实现的效果实现病人基本信息.多条病历数据.多项检查项图片的动态插入(网络图片) 2.模板把w ...
Java导出数据到Word模板中
Java导出数据到Word模板. 前言网上的方案需求介绍模板简介使用体验 poi-tl Freemarker 操作步骤总结前言相信很多人都会遇到Java导出的业务,Java导出主要有导 ...
java导出生成word
最近做的项目,需要将一些信息导出到word中.在网上找了好多解决方案,现在将这几天的总结分享一下. 目前来看,java导出word大致有6种解决方案: 1:Jacob是Java-COM Bridge的 ...
java导出生成word（类似简历导出）
最近做的项目,需要将一些信息导出到word中.在网上找了好多解决方案,现在将这几天的总结分享一下. 目前来看,java导出word大致有6种解决方案: 1:Jacob是Java-COM Bridge的 ...
解决vue表格导出时数据重复
如果 element-ui的table 使用了 fixed 属性固定列,导出表格时会出现导出两次的问题,在导出的表格中会有重复数据,是因为在 table 中有两个 table 标签,本文章提出解决办法 ...
vue项目导出word文件(根据word模板导出)
一.安装依赖包 1.docxtemplater npm install docxtemplater pizzip -S 2.jszip-utils npm install jszip-utils -S ...

vue实现导出为word模板

vue实现导出为word模板相关推荐

最新文章

热门文章

vue实现 导出为word模板

vue实现 导出为word模板相关推荐

最新文章

热门文章

vue实现导出为word模板

vue实现导出为word模板相关推荐