SOFAST框架开发手册

sf-table表格组件

介绍

该组件对el-table进行了二次封装；
1.追加action等属性，为开发人员省去获取数据的一些重复性操作
2.添加共通的slot(search-area, tools-bar)

注：本文只罗列出封装的一些属性/方法，其余为Element组件原生属性
参照Element-UI官方文档
https://element.eleme.cn/#/zh-CN/component/table

Table Attributes

参数	说明	类型	可选值	默认值
action	请求列表数据接口	Function	—	—
listParams	查询列表数据的参数	Object	—	{}
pagination	是否启用分页(请求参数中会携带分页参数，返回结果会按照分页规则解析)	Boolean	true, false	true
paginationHidden	是否隐藏分页(只是v-show)	Boolean	true, false	false
pageParam	分页参数	Object	—	{ current: 1, pageSize: 10, total: 0 }
immediate	是否初始化结束之后自动请求数据	Boolean	true, false	true
isTreeData	是否是树形数据	Boolean	true, false	false
rootId	指定根节点ID(只有isTreeData为true时起作用)	[Number, String]	—	—
parentKey	指定标记树形数据中的父级字段名称(只有isTreeData为true时起作用)	String	—	parentId
maxHeight	设置Table的最高高度（除非特殊情况，否则不建议更改属性）	[Number, String]	—	根据当前页面大小计算出max-height

Table Events

事件名	说明	参数
loadedData	调用接口获取数据成功后调用，只有action属性不为空的时候才会触发	data
pagination	翻页的时候会调用，只有pagination为true的时候才会触发	pageParam

Methods

方法名	说明	参数
getTableData	调用接口获取数据	—

Table Slot

name	说明
search-area	检索区域
tools-bar	按钮区域

results matching ""

No results matching ""