1.0.6 • Published 5 years ago
cl-admin-export v1.0.6
cl-admin-export 导出按钮
可导出当页表格的数据为 Excel 文件
安装
yarn add cl-admin-export参数
| 参数 | 类型 | 说明 | 默认 |
|---|---|---|---|
| filename | Function, String | 导出文件名 | yyyy-MM-dd HH_mm_ss |
| autoWidth | Boolean | 自动调节宽度 | true |
| bookType | String | 类型 | xlsx |
| header | Array | 表头 | 默认使用 table.columnlabel |
| fields | Array | 字段 | 默认使用 table.columnprop |
| data | Function, Array | 数据 | 默认使用 page 获取数据 |
| 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 |
示例
全局使用
// cool/index.js
import AdminExport from "cl-admin-export";
export default {
components: [["admin-export", AdminExport]],
};注册后就能使用 cl-export-btn 组件
<template>
<cl-crud>
<cl-export-btn />
</cl-crud>
</template>局部使用
<template>
<cl-crud>
<cl-export-btn />
</cl-crud>
</template>
<script>
import { ExportBtn } from "cl-admin-export";
export default {
components: {
"cl-export-btn": ExportBtn,
},
};
</script>