简单的Vue分页插件pagination.js

所属分类:导航-分页

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

自己编写的jquery分页插件,通用性很强(原创)

只需要传递后台获取的数据总条数和每页数量,回调返回当前页码数用于ajax请求
  分页
 4179  23

超实用精简的分页插件

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

实用的分页插件zxf_page.js

基于jquery的分页插件
  分页
 17869  88

一款非常简洁漂亮方便调用的jQuery前端分页

一款非常简洁漂亮方便调用的jQuery前端分页,没有多余的JS和文件。
  分页
 50185  92

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

    能不能不要金币呀

    回复
取消回复