vue分页的问题

项目里需要用到分页的功能 但是找了好久 也没有找到好用的分页插件 用了iview里的分页 但是不能实现首页和末页的功能 也不能重置分页
大家有没有合适的分页呢 可以实现这种的
图片描述

回答:

这个呢,想怎么配置就怎么配
http://doc.huangsw.com/vue-ea…

说明:
第一页会始终在那,最后一页也是

回答:

话说,自己写也没多麻烦

回答:

这种分页效果不难呀 无非就是展示不同的数据罢。只要获取当前点击页数的页码和每页显示的条数就可以,展示当前的页的数据。首页和末页更是第一页和最后一页页码。
下面写一个展示当前页数据的代码

/*
  * data 全部数据
  * PageSize 每页展示的条数 例如每页10条
  * PageNo 当前页码,比如当前点击的第二页 则是2
  */
getPageCurData(data, PageSize, PageNo) {
    let Pedata = [], idx;
    // 假如当前页码是2 每页展示10条 那么就是data[10] 到 data[19] 当前第2页展示的数据 如:第11条就是 10 * 2 - 10 + 0 = 10  
    for(let i = 0; i < PageSize; i++) {
      idx = PageSize * PageNo - PageSize + i; 
      if(idx < data.length) Pedata.push(data[idx]); 
    }
    return Pedata;
}

按照上面函数来获取当前页码的展示就可以做分页了,那么你用iview,只需获取当前点击的页码就可以展示和当前页的数据了

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注