📄 前端表格分页组件

分页组件使用

• 分页组件一般和表格组件一起使用，只需要回调 useTable hook 中的函数即可

<pagination
  v-bind="state.pagination"
  @current-change="currentChangeHandle"
  @size-change="sizeChangeHandle"
></pagination>

const { currentChangeHandle, sizeChangeHandle } = useTable(state);

卡槽扩展

<query-tree>
  <template #default="{ node, data }"> </template>
</query-tree>

属性说明

属性	类型	默认值	说明
current	Number	1	当前页码。
size	Number	10	每页展示的条数。
total	Number	0	数据总数。
pageSizes	Array	[1, 10, 20, 50, 100, 200]	每页展示的条数可选项。
layout	String	'total, sizes, prev, pager, next, jumper'	分页组件的布局。