素材牛

简单的Vue分页插件pagination.js

 所属分类:网页特效-分页

 浏览:115次  下载:1次  评论:0次  发布时间:2017-08-16
简单的Vue分页插件pagination.js
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
素材描述:分页插件,带省略的Vue分页插件

插件说明

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){    //根据当前页获取数据}
文件目录结构
  • css
    • ┝ bootstrap.min.css
  • ┝ index.html
  • js
    • ┝ pagination.min.js
 标签:Vue分页插件

讨论这个项目(0)回答他人问题或分享插件使用方法奖励牛币

 文明上网,理性发言!
登录
会员账号
会员密码
安全验证