简单的Vue分页插件pagination.js

所属分类:导航-分页

 14873  45  查看评论 (7)
简单的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){    //根据当前页获取数据}
相关插件-分页

jQuery table分页插件

一款简单快速的前后端分页双套代码
  分页
 11907  73

基于jquery和bootstrap的分页插件jqPaginator.js

基于jquery的分页插件,引入jquery.js 、bootstrap.css该插件即可
  分页
 19435  48

自制实用主义分页插件

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

jQuery分页插件jQuery.pager.js

表格分页,li分页
  分页
 22128  44

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

    三大三大 0
    2018/1/31 13:30:07
    冼国基 0
    2018/1/4 15:44:10
    很好,为什么要金币
        O_MEng她_o0
        2018/2/2 15:40:54

        因为金币是钱

    回复
    不锈刚子 0
    2017/12/18 16:22:34

    看东西花钱,也没错

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

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

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

    如果axios 怎么用的啊

    怎么传值的啊

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

    能不能不要金币呀

    回复
取消回复