简单的Vue分页插件pagination.js

所属分类:导航-分页

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

jQueryPaging分页数据获取插件

基于jQuery的分页及数据获取插件
  分页
 12898  37

jQuery翻页插件simplePagination

jQuery翻页插件simplePagination
  分页
 28233  64

超实用精简的分页插件

精简实用的分页插件跨域调用的聚合的api分页逻辑简单易懂接口已经写好
  分页
 10595  15

jQuery长文本分页插件textify

jQuery实现的长文本分页特效,textify是一个jQuery插件,可以自动创建一个有吸引力的和现代的你的内容布局,避免让用户不再枯燥的文本。
  分页
 11012  61

讨论这个项目(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

    能不能不要金币呀

    回复
取消回复