分页器 Pager
示例
基本形式
<pager current=6 total=11 />
位置
<pager current=6 total=11 position="left" />
<pager current=6 total=11 position="center" />
<pager current=6 total=11 position="right" />
显示数目
<pager current=6 total=11 middle=3 side=1 />
禁用组件
<pager current=6 total=11 disabled />
API
Class
Pager
继承自Component。
Options
new Pager()
| 参数 | 类型 | 默认值 | 数据流向 | 描述 |
|---|---|---|---|---|
data | object | 绑定属性 | ||
data.current | number | 1 | outer <=> inner | 当前页 |
data.total | total | 11 | outer => inner | 总页数 |
data.position | string | 'center' | outer => inner | 分页的位置，可选参数：`center`、`left`、`right` |
data.middle | middle | 5 | outer => inner | 当页数较多时，中间显示的页数 |
data.side | side | 2 | outer => inner | 当页数较多时，两端显示的页数 |
data.readonly | boolean | false | outer => inner | 是否只读 |
data.disabled | boolean | false | outer => inner | 是否禁用 |
data.visible | boolean | true | outer => inner | 是否显示 |
data.class | string | '' | outer => inner | 补充class |
Methods
pager.select(page)
选择某一页
| 参数 | 类型 | 默认值 | 描述 |
|---|---|---|---|
page | object | 选择页 | |
| 返回值 | 类型 | 描述 | |
| 无返回值 | |||
Events
pager.$on('select')
选择某一页时触发
| 属性 | 类型 | 描述 |
|---|---|---|
sender | object | 事件发送对象 |
current | object | 当前选择页 |