使用elementUI 和 springboot 实现文件下载。文件名与文件地址由后端提供。

好的，可以按照以下步骤实现：

1. 后端提供文件名和文件地址

在后端的控制器中，可以通过参数传递要下载的文件名和文件地址，例如：

@GetMapping("/download")
public ResponseEntity<Resource> downloadFile(
        @RequestParam("fileName") String fileName,
        @RequestParam("filePath") String filePath) throws IOException {
    // TODO: 根据文件名和文件地址获取文件资源
    Resource resource = ...;
    // 返回响应
    return ResponseEntity.ok()
            .header(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename=\"" + fileName + "\"")
            .body(resource);
}

2. 前端使用elementUI的el-button组件

在前端的页面中，可以使用elementUI的el-button组件来触发下载操作，例如：

<template>
  <div>
    <el-button type="primary" @click="downloadFile">下载文件</el-button>
  </div>
</template>

3. 前端调用后端接口下载文件

在前端的Vue组件中，可以通过axios库调用后端接口下载文件，例如：

import axios from 'axios'

export default {
  methods: {
    downloadFile() {
      const fileName = 'example.pdf' // 文件名
      const filePath = '/example.pdf' // 文件地址
      axios.get('/api/download', {
        params: {
          fileName: fileName,
          filePath: filePath
        },
        responseType: 'blob'
      }).then(response => {
        const url = window.URL.createObjectURL(new Blob([response.data]))
        const link = document.createElement('a')
        link.href = url
        link.setAttribute('download', fileName)
        document.body.appendChild(link)
        link.click()
      })
    }
  }
}

其中，responseType设置为'blob'，表示响应数据的类型是二进制流；创建一个Blob对象并通过URL.createObjectURL方法生成一个URL，然后创建一个a标签，将URL赋值给href属性，设置download属性为文件名，最后将a标签添加到body中并点击即可开始下载。

以上就是使用elementUI和springboot实现文件下载的步骤。