vue分页的问题

Question

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

Answer 1

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

说明：
第一页会始终在那，最后一页也是

Answer 2

话说，自己写也没多麻烦

Answer 3

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

/*
  * 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,只需获取当前点击的页码就可以展示和当前页的数据了