Pagination 分页

使用指南

import { Pagination } from 'vant';
Vue.use(Pagination);

代码演示

基础用法

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

export default {
  data() {
    return  {
      currentPage: 1
    }
  }
}

简单模式

<van-pagination 
  v-model="currentPage" 
  :page-count="12"
  mode="simple" 
/>

显示省略号

<van-pagination 
  v-model="currentPage" 
  :total-items="125" 
  :show-page-size="3" 
  force-ellipses
/>

API

Event

原文:

https://youzan.github.io/vant/#/zh-CN/pagination