首页 | 8206 | 1429 | 4424 | 添加收藏 上一个 下一个
简单的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){    //根据当前页获取数据}