vue2.0 + element UI 中 el-table 数据导出Excel

npm 安装依赖

npm install --save xlsx file-saver

组件中引入

import FileSaver from \'file-saver\'import XLSX from \'xlsx\'

组件methods里写一个方法

exportExcel () {    /* generate workbook object from table */
    var wb = XLSX.utils.table_to_book(document.querySelector(\'#out-table\'))    /* get binary string as output */
    var wbout = XLSX.write(wb, { bookType: \'xlsx\', bookSST: true, type: \'array\' })    try {
        FileSaver.saveAs(new Blob([wbout], { type: \'application/octet-stream\' }), \'sheetjs.xlsx\')
    } catch (e) { if (typeof console !== \'undefined\') console.log(e, wbout) }    return wbout
},

XLSX.uitls.table_to_book( 放入的是table 的DOM 节点 ) ，sheetjs.xlsx 即为导出表格的名字，可修改！

点击导出按钮执行 exportExcel 的方法即可 。

上一篇：vue-cli搭建vue项目,以及常用JS插件

下一篇：jQuery点击滑动到指定元素位置