第三方插件选择——vue-json-excel
- 安装vue-json-excel
npm install vue-json-excel
# or
cnpm install vue-json-excel//速度更加快
2.作为组件导入vue
一般在main.js中导入注册进行全局使用
// vue-json-excel插件来实现简单Excel表格的导出功能
import JsonExcel from 'vue-json-excel'
// 将Excel导出器作为vue实例的组件
Vue.component('downloadExcel', JsonExcel)
- 使用
<download-excel
:data="voteDataList"
:fields="json_fields"
name="投票数据统计列表"
class="output-excel">
导出数据</download-excel >
//data：数据源
//name:导出Excel文件名
//fields：Excel中表头的名称
json_fields: {
序号: 'serialId',
标题: 'voteTitle',
发布时间: 'publishDate'
}
image.png
image.png
