vue合并表格excel导出_Vue+element UI实现表格数据导出Excel组件

介绍

这是一个可以将页面中的表格数据导出为Excel文件的功能组件，该组件一般与表格一起使用，将表格数据传给组件，然后通过点击组件按钮可将表格中的数据导出成Excel文件。

使用方法

由于封装该组件内部引用了xlsx.js，file-saver.js和elementUI，因此在使用该组件时，请先安装如下依赖：

npm install xlsx file-saver element-ui --save

安装好依赖后，只需将该组件文件夹ExportExcel导入到现有项目中即可使用。

使用示例

import ExportExcel from './ExportExcel'

export default {

name: 'app',

components: { ExportExcel},

data() {

return {

list:null,

tHeader:['Id', '告警类型', '告警内容', '告警时间(段)', '告警次数'],

tValue:['id', 'type', 'content', 'time', 'count'],

}

}

}

选项

属性

描述

类型

是否必须

list

由后端返回的表格数据

Array

是

tHeader