Skip to content

分页组件

el-pagination 进行简单封装。

属性配置

属性配置示意图

配置说明
按钮背景色分页按钮背景色,默认不开启
禁用分页默认不开启
一页隐藏默认不开启
组件布局layout 参数
每个个数page-sizes 参数
上一页文字prev-text 参数
上一页图标prev-icon 参数
下一页文字next-text 参数
下一页图标next-icon 参数
自定义默认不开启,开启后可配置字体大小、字体粗细、字体、字体样式
大小分页大小,默认值

TIP

具体参数含义请参考 el-pagination 组件官方说明。

数据配置

数据配置示意图

配置说明
取-总数从缓存地址中获取总数或包含总数的对象
解析总数从缓存地址获取的对象中解析总数的 Key(支持路径)
存-当前页数将当前页数写入数据缓存
存-显示数目将当前每页显示数目写入数据缓存

TIP

  • 从缓存地址直接获取到总数时,无需配置“解析总数”;若获取的是对象,可配置“解析总数”按路径解析出总数值。
  • “存-当前页数”和“存-显示数目”可根据实际需要配置,既可用于值改变事件处理,也可写入缓存供其他地方获取使用。

值改变事件

当分页数,显示数目改变时触发,可以从组件局域参数中获取pageSize、pageIndex

基于 VitePress 构建