简单的Vue分页插件pagination.js

| | | | 下一个

简单的Vue分页插件pagination.js

插件说明

index.html

<navigation :pages="pages" :current.sync="pageNo" @navpage="msgListView"></navigation>

pages：总页数

pageNo：当前页

pagination.js

插件件中

props: {

    pages: {

        type: Number,

        default: 1

    },

    //navigation传递过来的参数（总页数pages）   

    current: {

        type: Number,

        default: 1

    }

    //navigation传递过来的参数（当前页pageNo）

}

告知页面当前点击的是第几页，并触发方法msgListView

this.$emit('navpage',this.current);

msgListView(curPage){    //根据当前页获取数据}

搜索发现

下载榜观看榜