vue项目导出功能

安装并引入xlsx

npm install xlsx --save

import XLSX from 'xlsx'

导出按钮

vue项目导出功能

 

 type="dashed" 按钮边框虚线     

vue项目导出功能

 

 

:loading="exportLoading"  点击会有加载中的效果,在return中定义exportLoading: false 在页面引入xlsx,并且定义你所需要的字段,如下: vue项目导出功能

 

methods

vue项目导出功能

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

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

vue项目导出功能

导出效果如下:

 vue项目导出功能

上一篇:python操作Excel文件报lrd.biffh.XLRDError


下一篇:Layui中联动多选框导出Excel数据