vue项目导出功能
安装并引入xlsx
npm install xlsx --save
import XLSX from 'xlsx'
导出按钮
type="dashed" 按钮边框虚线
:loading="exportLoading" 点击会有加载中的效果,在return中定义exportLoading: false
在页面引入xlsx,并且定义你所需要的字段,如下:
![](https://img2020.cnblogs.com/blog/2291111/202105/2291111-20210527143816585-1421875801.png)
methods
this.currentPage传递参数,传递的是项目页面的页码,比如:{pageNo: 1, pageSize: 20}
在导出方法后面加上以下代码:
导出效果如下:
本文来自博客园,作者:danmo_xx,转载请注明原文链接:https://www.cnblogs.com/xx321/p/14817894.html