Skip to content

Fast-Table 快速表格

基于 search-form pagination table 及表单组件聚合而成的快速表格模板,用以支持快速业务开发

基础用法

INFO

如果你的业务基础请求和当前组件的分页处理不一致,你可以抽取公共方法,转换成新的 Promise 来适配该组件,同时你也可以处理除分页参数以外的其他业务参数。

组合使用

INFO

你可以使用 header 插槽快速获取选择项,row-key 的值默认是 id, 在处理选择项这个是非常有必要指定的。

属性

属性说明类型默认值
api快速的接口服务Promise<Response>-
v-model:columnstable-columns 类型Table-Columns-
v-model:loading异步请求状态boolean-
v-model:params表单的查询参数,同分页信息双向绑定SearchParams-
...其他属性,直接传递给 ez-table--

INFO

fast-table 其他属性传递给 ez-table,最后传递到 el-table

SearchParams

属性名说明类型是否必须默认值
current当前页数,同分页配置双向绑定number1
size每页显示条目个数,同分页配置双向绑定number10
desc自定义排序中降序排序字段string-
asc自定义排序中升序排序字段string-
...其他属性,自有业务参数Record-

插槽

插槽名说明类型
${prop}数据列插槽,同 ez-tableobject
form传递给 search-form-
header表格上方区域object

事件

事件名说明参数
update:loading监听异步请求状态Function
update:params监听查询参数变更Function
changePage分页大小或当前页变更,可根据值判断变更类型Function
...其他事件,直接传递给 ez-table-

INFO

fast-table 其他事件传递给 ez-table,最后传递到 el-table

Exposes

方法名说明类型
getTableRef获取 el-table 实例Function
query直接触发 api 调用Function
search触发 api 调用,会重置current = 1Function

基于 MIT 许可发布