vue页面转docx下载

import docxtemplater from ‘docxtemplater’;
import PizZip from ‘pizzip’;
import JSZipUtils from ‘jszip-utils’;
import { saveAs } from ‘file-saver’;
注意：
1.hetong.docx如上图
2.{#table}{table}包含循环

        // 读取并获得模板文件的二进制内容
        JSZipUtils.getBinaryContent('../../public/hetong.docx', function (error, content) {
          // model.docx是模板。我们在导出的时候，会根据此模板来导出对应的数据
          // 抛出异常
          if (error) {
            throw error;
          }

          // 创建一个PizZip实例，内容为模板的内容
          let zip = new PizZip(content);
          // 创建并加载docxtemplater实例对象
          let doc = new docxtemplater().loadZip(zip);
          // 设置模板变量的值
          doc.setData({
            ...data.maintableObj,
            table: data.materialTableList,
            table1: data.clauseList,
          });
    //导出word,去除未定义值所显示的undefined
          doc.loadZip(zip).setOptions({
            nullGetter: function () {
              return '';
            },
          });
          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, data.maintableObj.purchaseContractName + '.docx');
        });