vue项目导出功能

安装并引入xlsx

npm install xlsx --save

import XLSX from 'xlsx'

导出按钮

 

 type="dashed" 按钮边框虚线     

 

 

:loading="exportLoading"  点击会有加载中的效果，在return中定义exportLoading: false

在页面引入xlsx，并且定义你所需要的字段，如下：

 

methods

 this.currentPage传递参数，传递的是项目页面的页码，比如：{pageNo: 1, pageSize: 20}

 在导出方法后面加上以下代码：

导出效果如下：