安装组件 npm i pagtion

在main.js引入

import Pagtion from 'pagtion' 
import 'pagtion/pagtion.css'  // 样式文件
Vue.use(Pagtion)

在页面中使用

	<Pagtion
     :total="total"
     :pageSize.sync="pageSize" 
     :pageNow.sync="pageNow" 
     :numList="numList"
     @firstPage="firstPageHandle"
     @lastPage="lastPageHandle"
     />

父组件的watch 两个处理函数

watch:{
    pageNow(newVal,oldVal){
      console.log('当前页码发生变化')
    },
    pageSize(newVal,oldVal){
      console.log(`一页展示${newVal}条数据`)
    }
  },

/**

• 需要传递的参数:

• pageNow // 当前的页数 默认为1

• total // 总数据条数 默认0 根据总数据条数/一页显示多少向上取整

• pageSize // 一页显示多少条 默认五条

• numList // 控制一页显示多少条的列表

• 事件：

• 在引入的页面里面监听 pageNow、num 两个属性 也就是当前页改变时触发的事件、和条数改变的事件

• @firstPage // 上一页没有页数时触发的事件

• @lastPage  // 下一页没有页数时触发的事件 

  */