简单的Vue分页插件pagination.js

所属分类:导航-分页

 7207  32  查看评论 (3)
简单的Vue分页插件pagination.js ie兼容9

更新时间: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){    //根据当前页获取数据}
相关插件-分页

bootStrap 分页组件

一个简单的demo,可以根据页数回调要执行的函数
  分页
 81315  83

自制实用主义分页插件

自制实用主义分页插件,分享给需要使用或者学习的人
  分页
 20433  153

jQuery分页插件

可以实现分页功能
  分页
 18497  64

简易ajax生成分页插件

jquery分页插件,可定义ajax获取数据的路由
  分页
 18375  55

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

    等一个微笑。 0
    2017/10/31 17:23:17

    这个不兼容ie浏览器啊。。怎么弄啊

    回复
    等一个微笑。 0
    2017/10/31 15:06:07

    如果axios 怎么用的啊

    怎么传值的啊

    回复
    aimi 0
    2017/10/11 11:21:07

    能不能不要金币呀

    回复
取消回复