基于VUE的一个分页组件（可上一页，下一页，输入页码跳转，页码过多时省略号显示）

效果如图：

一：组件代码Pager.vue

---

 

组件中引用的一个commom.js只是用于弹框提示，不必在意。

二：引用(在引用分页组件的文档里写)

import pager from 'Pager.vue'
export default {
    components:{layoutLeft,Header,pager,UEditor},
    data(){
        totalPage:10,//总页数
        index:1,//当前页码,
        initPager:true,//是否立即初始化组件
    },
    methods:{
         changeIndex(index){
            //当页码放生改变时你想要做什么
         }
    }
}