vue2导出 word

要导出 Word 文档，可以使用 jsreport 或者 docxtemplater 等第三方库，以下是使用 docxtemplater 的示例代码：

1. 安装 docxtemplater：

npm install docxtemplater --save

2. 创建 Word 模板文件，例如 template.docx。

3. 创建 Vue 组件并在其中引入 docxtemplater：

<template>
  <div>
    <button @click="exportDocx">Export Word</button>
  </div>
</template>

<script>
import Docxtemplater from 'docxtemplater';
import fs from 'fs';
import path from 'path';

export default {
  methods: {
    exportDocx() {
      const templatePath = path.resolve(__dirname, 'template.docx');
      const templateContent = fs.readFileSync(templatePath, 'binary');
      const doc = new Docxtemplater();
      doc.loadZip(new JSZip(templateContent));
      // 填充数据
      doc.setData({
        title: 'Hello World'
      });
      doc.render();
      const output = doc.getZip().generate({
        type: 'blob'
      });
      // 导出 Word 文档
      saveAs(output, 'output.docx');
    }
  }
}
</script>

4. 点击按钮即可导出 Word 文档。注意需要使用 FileSaver.js 库来实现导出功能，可以通过 npm 安装：

npm install file-saver --save

然后在组件中引入：

import { saveAs } from 'file-saver';