js循環(huán)導(dǎo)出多個word表格文檔

• 結(jié)果案例：
  

一、文檔模板編輯

二、安裝依賴

// 實現(xiàn)word下載的主要依賴
npm install docxtemplater pizzip  --save// 文件操作，也可以用fs、path等模塊實現(xiàn)
npm install jszip jszip-utils --save // 文件存儲依賴
npm install file-saver --save

三、創(chuàng)建導(dǎo)出工具類exportWord.js

import PizZip from 'pizzip'
import Docxtemplater from 'docxtemplater'
import JSZipUtils from 'jszip-utils'
import { saveAs } from 'file-saver'/*** 導(dǎo)出word,支持圖片* @param {Object} tempDocxPath 模板文件路徑* @param {Object} wordData 導(dǎo)出數(shù)據(jù)* @param {Object} fileName 導(dǎo)出文件名*/
export const exportWord = (tempDocxPath, wordData, fileName) => {JSZipUtils.getBinaryContent(tempDocxPath, function (error, content) {if (error) {throw error;}// PizZip實例let zip = new PizZip(content);// 創(chuàng)建并加載docxtemplater實例let doc = new Docxtemplater();doc.loadZip(zip);// 設(shè)置模板變量的值doc.setData(wordData);try {// 用模板變量的值替換所有模板變量doc.render();} catch (error) {// 拋出異常let e = {message: error.message,name: error.name,stack: error.stack,properties: error.properties};console.log(JSON.stringify({ error: e }));throw error;}// 生成docxtemplater對象zip文件let out = doc.getZip().generate({type: 'blob',mimeType: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'});// 將目標文件對象保存為目標類型的文件，并命名saveAs(out, fileName);});
}

四、調(diào)用

<script lang="ts">
import { exportWord } from '../../utils/exportWord'export default {name: 'DbInfo',data (){return{}},mounted() {},methods: {// 導(dǎo)出方法batchExWord(){var dataList = [{"tablecnName": "部門表","tableName": "sys_dept","tableDict": [{"cnfield": "部門id","colname": "dept_id","datatype": "bigint(20)","isprimary": "Y","isforeign": "N","isonly": "Y","nonempty": "Y","defaultstr": "N","describe": "部門id"},{"cnfield": "父部門id","colname": "parent_id","datatype": "bigint(20)","isprimary": "N","isforeign": "N","isonly": "N","nonempty": "N","defaultstr": "0","describe": "父部門id"},{"cnfield": "祖級列表","colname": "ancestors","datatype": "varchar(50)","isprimary": "N","isforeign": "N","isonly": "N","nonempty": "N","defaultstr": "N",