vue前端导出word文件

在Vue前端导出Word文件，可以使用js库`docxtemplater`来实现。下面是一个简单的示例代码：

1. 首先，安装`docxtemplater`库：

npm install docxtemplater --save

2. 在Vue组件中导入所需的库：

import Docxtemplater from 'docxtemplater';
import fs from 'fs';
import path from 'path';

3. 创建一个Word模板文件（例如template.docx），这个模板文件中可以包含需要动态填充的内容。

4. 在Vue组件的方法中编写导出Word文件的逻辑：

exportWord() {
  // 读取Word模板文件
  const content = fs.readFileSync(path.resolve(__dirname, 'template.docx'), 'binary');
  const doc = new Docxtemplater(content);

  // 设置要替换的变量
  const data = {
    name: 'John Doe',
    age: 30,
    profession: 'Developer'
  };

  // 根据模板和数据生成Word文档
  doc.setData(data);
  doc.render();

  const buf = doc.getZip().generate({ type: 'nodebuffer' });

  // 导出Word文件
  fs.writeFileSync(path.resolve(__dirname, 'output.docx'), buf);
}

5. 在Vue组件的模板中添加一个按钮，并绑定导出方法：

<template>
  <div>
    <button @click="exportWord">导出Word</button>
  </div>
</template>