Pagination 分页
使用指南
import { Pagination } from 'fs-ui'
export default {
components: {
fsPagination: Pagination
}
}
1
2
3
4
5
6
7
2
3
4
5
6
7
代码演示
- 简单
<fs-pagination
v-model="currentPage"
:total="total"
:page-size="pageSize"
simple>
</fs-pagination>
1
2
3
4
5
6
2
3
4
5
6
- 复杂
<fs-pagination
v-model="currentPage"
:total="total"
:page-size="pageSize"
:current-change="handleChange">
</fs-pagination>
1
2
3
4
5
6
2
3
4
5
6
- 复杂无背景
<fs-pagination
v-model="currentPage"
:total="total"
:page-size="pageSize"
:current-change="handleChange"
:background="false">
</fs-pagination>
1
2
3
4
5
6
7
2
3
4
5
6
7
属性
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model | 当前页数 | Number | - |
| total | 总条目数 | Number | - |
| page-size | 每页显示条目数 | Number | - |
| current-change | 当前页数改变时的回调 | function | - |
插槽
| 插槽名 | 说明 |
|---|---|
| prevText | 前进按钮 |
| prevText | 后退按钮 |
| break | 复杂模式下中间的间隔内容 |