el-table-export

el-table-export

配合Element-UI中的Table组件 导出text, json, csv, xls文件

安装 Installation

npm install el-table-export --save

or

yarn add el-table-export

参数 Arguments

参数	说明	类型	可选值	默认值
fileName	文件名	String	—	export
type	输出格式	String	text / json / csv / xls /	csv
withBOM	将BOM头元添加到CSV文件	Boolean	—	false

例子 DEMO

说什么不如上一个demo demo文件

// 引用
import { elTableExport } from "elTableExport.js";

/* ⚠ 创建实例时需传入一个 table组件的Vue实例（必选）
 * 支持传入一个全局配置对象（非必选）
 */
let eteInstance = new elTableExport(this.$refs.elTable, {
    fileName: "export-demo",
    type: "csv",
    withBOM: false,
});
// 创建实例后使用 export() 方法执行导出功能
eteInstance.export();

提示 Tips

• 根据依赖包中文档，注明了在Excel在读取UTF8 CSV文件时需要BOM头。
• table组件的Vue实例不是 document.querySelector 等获取的DOM实例，是 ref 指定的Vue实例。