简单的Vue分页插件pagination.js

 查看演示  website  立即下载

更新时间：2017/9/6 上午10:50:15

更新说明：pagination.js

1、代码优化

2、增加用户体验

插件说明

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){    //根据当前页获取数据}

PREVIOUS:
NEXT:
酒店价格日历demo
jQuery多图上传图片上传精简版