vue分页组件

1.安装

npm install vuejs-paginate --save

2.main.js中引入

import Paginate from 'vuejs-paginate'
Vue.component('paginate', Paginate)

3.模板文件中使用

<paginate
  :page-count="20"
  :click-handler="clickCallback"
  :prev-text="'Prev'"
  :next-text="'Next'"
  :container-class="'className'">
</paginate>

methods: {
  clickCallback (page) => {
    console.log(page)
  }
}

相关链接：https://github.com/lokyoung/vuejs-paginate