vue导出excel表格vue-json-excel（最新超容易详细教程）

最近写一个报名的小程序后台，需要导出页面表格为excel，实现这个功能所以记录一下：
目前大多数采取的都是 xlsx ，我这里使用的是vue-json-excel，相对来说更容易上手实现效果。

1、安装依赖

npm install vue-json-excel

2、全局引用

在项目的 main.js 文件中引入

import JsonExcel from 'vue-json-excel'
Vue.component('downloadExcel', JsonExcel)

3、进行使用

按钮可以根据自己要求进行样式调节

             Download 

数据部分，我这里是直接用的接口数据（返回的数json形式数据），存放在excelpage[ ]中，数据展示：

js代码：

最后点击下载按钮，浏览器会弹出文件下载

效果图：

 

有代码操作直接复制就可实现去 ：前端使用xlsx插件读取excel文件数据_不屈油条的博客-CSDN博客