后端提供下载链接,前端下载
- a标签下载 <a href="文件的绝对、相对地址" download="文件名">下载</a>
- location.href = 'url' 指向下载链接
使用FileSaver前端下载插件(亲测好用)
我的需求是基于vue项目,将elementUI中的表格导出成excel表格,因此只介绍表格的下载过程,关于FileSaver详细用法参考https://juejin.im/post/6844903763359039501
1. 安装依赖
npm install --save xlsx file-saver
2. 在需要导出成excel文件里面引入依赖
import { saveAs } from 'file-saver' import * as XLSX from 'xlsx'
3. methods 里面写个导出下载的方法
XLSX.utils.table_to_book 基于工作表产生一个最小的工作簿