使用layui中的laypage遇到的各种问题总结

用laypage写分页，使用该插件过程中，遇到的大小问题进行自我总结

首先，这里是官网的案例， 点击打开链接官网

  
  
  
  
  
  
  

         

  
总页数低于页码总数

 

 

  
总页数大于页码总数

 

 

  
自定义主题 - 颜色随意定义

 



 

  
自定义首页、尾页、上一页、下一页文本

 

 

  
不显示首页尾页

 

 

  
开启HASH

 

 

  
只显示上一页、下一页

 

 

  
显示完整功能

 

 

  
自定义排版

 



 

  
自定义每页条数的选择项

 

 
 
 

  
将一段已知数组分页展示

 

 
 
          

现在，进行自我总结

1，使用该插件之前，我用的一直是layui-v1.0.2版本，这里我给自己挖了一个很大的坑，这次项目中写分页的时候，本人直接引用的该版本，然后，上官网查看其具体参数的用法，就使用了laypage.render()，这个是需要使用layui-v2.0.2版本才能使用的，在这就一直提示该函数错误，所有，请有需要的小伙伴们注意了，其官网上有新旧版本之分，这个只要自己细心点，应该就不会像我一样吧，是我蠢了

2，我最后也没有用新版本，还是用的旧版本（因为项目里面都写完了的，后来只让改了一点），旧版本里，我当时找不到让其显示完整的分页，所以才上官网找的，发现新版本，也看了下，还是放弃了，主要是我的数据什么的都已经链接ok了，要写完整分页，只得自己添加了，这是我的完整分页

html页面里：

        
//引用的laypage放在里面的，但是只有前面一部分（没有每页显示以及总记录数）
        
//自己写的div用来装每页显示数以及总数
            每页显示
               
                   5
                   10
                   15
                   20
                   25
                   30
               
            
            共条记录数
        

js里面（引用的laypage）：

function pageDivision() {
        layui.use(['laypage','layer'],function () {
            var laypage = layui.laypage,layer = layui.layer;
            laypage({
                cont:'sz_page_box',//装分页的盒子，是id，不用加#
                pages:pageCount,
                groups:2,
                skin:'#1E9FFF',
                skip:true,
                jump:function (obj,first) {
                    var curr = obj.curr;//获取当前点击页码
                    pageIndex = curr;
                    pageload_sz();
                }
            })
        })

    }

这是最后的效果，主要是我这里数据只有7条，不能很好的展示，而且需要切换获取显示什么的，这里就不详细说了，肿么感觉被自己坑了好多，我TM纠结了一早上，现在总结，竟然没有了，，这个主要是为了让我自己谨记，以后写一定用新版，不过大神们都可以自己直接写了

额，记性不好，忘记了一点，官网上是默认如果你的分页数据只有一条，那么，分页就不会显示，这里怎么解决呢，我度娘找了好久，只要将引用的插件里的目录下 layui/lay/modulles/laypages.js里的t.pages<=1)return"";改成t.pages<=0)return"";