前端vue下载后端easyexcel的填充模板

你可以使用 Vue.js 和 EasyExcel 来实现前端下载并填充后端 EasyExcel 模板的功能。下面是一个简单的实现示例：

1. 安装 EasyExcel

npm install --save easy-excel-jiawei

2. 在 Vue 组件中引入 EasyExcel

import EasyExcel from 'easy-excel-jiawei'

3. 定义下载模板方法

downloadTemplate() {
  // 后端提供的接口地址
  const url = '/api/template'
  // 模板文件名
  const fileName = 'template.xlsx'
  // 下载并保存模板文件
  EasyExcel.download(url, fileName)
}

4. 定义填充模板方法

fillTemplate() {
  // 获取用户填写的数据
  const data = this.form
  // 后端提供的接口地址
  const url = '/api/fill'
  // 模板文件名
  const fileName = 'template.xlsx'
  // 发送数据到后端填充模板并返回文件名
  axios.post(url, data).then(response => {
    // 下载并保存填充后的文件
    EasyExcel.download('/api/download/' + response.data, fileName)
  })
}

这样，用户在前端点击下载模板按钮时，会自动下载模板文件；用户在填写数据后点击填充模板按钮时，会将数据发送到后端填充模板，并返回填充后的文件名，然后前端再根据文件名下载填充后的文件。