0.1.2 • Published 3 years ago
table-bsit v0.1.2
table-bsit
这是elemen-ui的二次封装,使用前先安装 element-ui
一、下载引用
import BsitTable from 'table-bsit'
import 'table-bsit/lib/index.css'
Vue.use(BsitTable);
二、参数说明
参数名 | 说明 | 备注 |
---|---|---|
dialogVisible | 添加弹框的显示与隐藏,默认false | 类型:Boolean |
isHandle | 操作栏的显示与隐藏,默认false | 类型:Boolean |
isShowCheckbox | 多选框的显示与隐藏,默认false | 类型:Boolean |
isSerialNumber | 序号的显示与隐藏,默认false | 类型:Boolean |
tableHander | 表头数据,默认空数组【】 | 类型:Array |
tableData | 表格数据,默认空数组【】 | 类型:Array |
isPagination | 分页的显示与隐藏,默认false | 类型:Boolean |
pageSizes | 每页展示多少条,默认空数组【】 | 类型:Array |
total | 总条数 | 类型:Number |
三、方法说明
方法名 | 说明 | 返回值 | 备注 |
---|---|---|---|
add | 添加弹框的显示 | 无 | 无 |
on-search | 搜索按钮事件 | 返回搜索参数 | |
handle-selection-change | 全选事件 | 返回选择表单的数据 | |
edit-table | 编辑按钮事件 | 返回编辑的整条数据 | |
delete-table | 删除按钮事件 | 返回删除的整条数据 | |
batch-delete | 批量删除按钮事件 | 返回选择删除的多条数据 | 必须先选择数据方可操作 |
table-export | 导出按钮事件 | 返回选择导出的多条数据 | 必须先选择数据方可操作 |
chang-size | 改变显示条数的事件 | 返回当前条数和页数 | |
chang-current | 改变页数事件 | 返回当前页数 | |
handle-close | 关闭弹框事件 | 无 | |
submit | 弹框提交事件 | 无 |