HUI-VUE-Pro

# SearchPagination 搜索分页

版本：1.13.0

开发：高明君

# 安装

$ npm i @hui-pro/search-pagination -D
# 或者
$ yarn add @hui-pro/search-pagination --dev

# 引入

import SearchPagination from '@hui-pro/search-pagination';
Vue.use(SearchPagination);

# 基础用法

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
基础用法

简洁模式

# 完整示例

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
共2000条
基础用法

基础用法

# API

# Attributes

参数 说明 类型 可选值 默认值
current-page 当前页数，支持 .sync 修饰符 Number — 1
page-size 每页显示条目个数，支持 .sync 修饰符 Number — 10
total 总条目数 Number — 0
pager-count 页码按钮的数量，当总页数超过该值时会折叠 Number 大于等于 5 且小于等于 21 的奇数 7
layout 组件布局，子组件名用逗号分隔 String total, sizes, prev, search, next, -> 'prev, search, next'
page-sizes 每页显示个数选择器的选项设置 Array[Number] — [10, 20, 30, 40, 50]
disabled 是否禁用 boolean — false
small 是否使用小型分页样式 Boolean — false

# Events

参数 说明 回调参数
size-change pageSize 改变时会触发 每页条数size，改变前每页条数oldSize
current-change currentPage 改变时会触发 当前页currentPage，改变前的页数oldCurrentPage

← VehicleNumberInput 车牌输入框 →