如何用vue生成word

您可以使用以下步骤使用 Vue 生成 Word 文档：

1. 安装 `docxtemplater` 和 `file-saver` 包：运行 `npm install docxtemplater file-saver --save`。
2. 创建一个 Word 模板文件（例如：template.docx），并将其中需要动态插入数据的部分用变量标记（例如：{{变量名}}）。
3. 在 Vue 组件中引入 `docxtemplater` 和 `file-saver` 包，并编写生成 Word 文档的方法。例如：

<template>
  <div>
    <button @click="generateDocx">生成 Word 文档</button>
  </div>
</template>

<script>
import Docxtemplater from 'docxtemplater';
import JSZip from 'jszip';
import FileSaver from 'file-saver';

export default {
  methods: {
    generateDocx() {
      // 加载 Word 模板文件
      const xhr = new XMLHttpRequest();
      xhr.open('GET', 'template.docx', true);
      xhr.responseType = 'arraybuffer';
      xhr.onload = () => {
        const zip = new JSZip(xhr.response);
        const doc = new Docxtemplater().loadZip(zip);

        // 插入需要动态替换的数据
        const data = {
          name: '张三',
          age: 18,
          address: '北京市朝阳区',
        };
        doc.setData(data);
        doc.render();

        // 生成并下载 Word 文档
        const blob = doc.getZip().generate({ type: 'blob' });
        FileSaver.saveAs(blob, 'example.docx');
      };
      xhr.send(null);
    },
  },
};
</script>

4. 在 Vue 组件中调用 `generateDocx` 方法即可生成 Word 文档并下载到本地。

请注意，上述代码中的数据是硬编码的，您需要根据实际情况动态生成数据。另外，该方法在浏览器中生成 Word 文档，因此可能不支持某些高级 Word 功能。