# cl-admin-export 导出按钮

可导出表格的数据为 Excel 文件

GitHub license GitHub tag GitHub tag

# 项目地址

https://github.com/cool-team-official/cl-admin-export (opens new window)

# 安装

yarn add cl-admin-export

# 参数

参数 类型 说明 默认
filename Function, String 导出文件名 yyyy-MM-dd HH_mm_ss
autoWidth Boolean 自动调节宽度 true
bookType String 类型 xlsx
header Array 表头 默认使用 table.column[label]
columns Array 列(必填)
data Function, Array 数据 默认使用 page 获取数据,会带 isExport 参数
maxExportLimit Number 最大导出条数,不传或者小于等于 0 为不限制 0
size String 按钮尺寸 mini
disabled Boolean 是否禁用 false
type String 按钮类型 default
plain Boolean 按钮镂空 false
round Boolean 按钮圆角 false
circle Boolean 按钮圆形 false
icon String 按钮图标 null

# 示例

全局使用

// src/cool/index.js

import ExportBtn from "cl-admin-export";

export default {
	modules: [["export-btn", ExportBtn]]
};

注册后就能使用 cl-export-btn 组件:

<cl-crud>
	<cl-export-btn :columns="table.columns" />
</cl-crud>

cl-tablecolumns 参数一致即可,也可以自定义

局部使用:

<template>
	<cl-crud>
		<cl-export-btn />
	</cl-crud>
</template>

<script>
	import { ExportBtn } from "cl-admin-export";

	export default {
		components: {
			"cl-export-btn": ExportBtn
		}
	};
</script>