Pagination 分页

文档: https://vant-contrib.gitee.io/vant/#/zh-CN/pagination

基本用法:

<van-pagination v-model="currentPage" :total-items="24" :items-per-page="5" />

const currentPage = ref(1)

组件会默认占满一整行.

常用属性:

• v-model 用于绑定当前页码.
• total-item 记录总条数 (是数据数量, 不是页面数量).
• items-per-page 每页记录数 (用于显示也用于分页).
• mode="simple" 简单模式, 页码显示格式为 当前页码/总页码.
• force-ellipsis 显示省略号, 可以快递跳转到下一个页码区间.
• 使用 prev-text 和 next-text 插槽来自定义按钮.

使用 change 时间来对页码进行监控同步数据.