1、下载安装vue-json-excel,相当于命令npm install --save vue-json-excel 或者命令npm install vue-json-excel -S
2、创建js文件引入并全局注册标签:
import Vue from "vue";
import JsonExcel from 'vue-json-excel'
Vue.component('downloadExcel', JsonExcel)
3、在main.js中引入 上面的js,import './plugins/importExcel.js'
4、在文件中加入即可
<download-excel
:data = "jiraExcelList"
:fields = "excel_fields"
name = "发布项目报表.xls">
<!-- 上面可以自定义自己的样式,还可以引用其他组件button -->
<el-button type="primary" @click="searchAllPage">导出EXCEL</el-button>
</download-excel>
:data中的是要导出数据的list,:fields是要导出的字段,name是导出文件的名字,页面中是分页获取后端的数据,所以需要获取所有的数据,重新写个方法获取所有的数据进行导出,方法searchAllPage中的请求参数每页的数量写到10000,