vue-pc-pagination

pagination for pc, based Vue2.x

Usage no npm install needed!

<script type="module">
  import vuePcPagination from 'https://cdn.skypack.dev/vue-pc-pagination';
</script>

README

vue-pc-pagination

pagination for pc, based Vue2.x

安装(Install)

npm install vue-pc-pagination -save

导入(Import)

*.js

import Pagination from 'vue-pc-pagination'

可全局注册使用

Vue.use(Pagination);

标签(Target)

*vue

<Pagination :options="pageOptions"></Pagination>

demo

 let currentPage = 1;
 let pageOptions = {
    total: 20,
    totalPage: 4,
    current: currentPage,
    onPageChanged: (val) => {
      currentPage = val;
    }
 }

功能(Api)

Options Type Description Default Necessary Result
total number 总数 0
totalPage number 总页数 0
current number 当前页
size number 数据一次显示多少条 10
isShowRecord boolean 是否显示条数 false
onPageChanged function 页数变化时执行 返回变化后的当前页