Vue+element UI实现表格数据导出Excel组件
介绍 这是一个可以将页面中的表格数据导出为 Excel 文件的功能组件,该组件一般与表格一起使用,将表格数据传给组件,然后通过点击组件按钮可将表格中的数据导出成 Excel 文件。 使用方法 由于封装该组件内部引用了 xlsx.js , file-saver.js 和 elementUI ,因此在使用该组件时,请先安装如下依赖: npm install xlsx file-saver element-ui --save 安装好依赖后,只需将该组件文件夹 ExportExcel 导入到现有项目中即可使用。 使用示例 <template> <div id="app"> <export-excel v-if="list !== null" :list="list" :tHeader="tHeader" :tValue="tValue"></export-excel> </div> </template> <script> import ExportExcel from './ExportExcel' export default { name: 'app', components: { ExportExcel}, data() { return { list:null, tHeader:['Id', '告警类型', '告警内容', '告警时间(段)', '告警次数'], tValue:[