layui中laypage组件如何使用-创新互联

这篇文章给大家介绍layui中laypage组件如何使用，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

一、laypage的常用基础参数

layui.use(['laypage'], function () {            laypage = layui.laypage            laypage.render({                elem: 'pageTest'                 //这是元素的id，不能写成"#pageTest"                , count: data.length             //数据总数                , limit: 10                      //每页显示条数                , limits: [10, 20, 30]                , curr: 1                        //起始页                , groups: 5                      //连续页码个数                , prev: '上一页'                 //上一页文本                , netx: '下一页'                 //下一页文本                , first: 1                      //首页文本                , last: 100                     //尾页文本                , layout: ['prev', 'page', 'next','limit','refresh','skip']                               //跳转页码时调用                , jump: function (obj, first) { //obj为当前页的属性和方法，第一次加载first为true                             //         do something                    if (!first) {                             //非首次加载 do something                      }                }            })        });

二、使用方式

在layui中的table中包含了laypage，这里就不再说明laytable中的分页用法，主要写一个后台分页，前端加载列表（非table中的列表）的栗子，具体为点击分类栏，主体部分显示对应的新闻列表。

                    　　                        　　　　新闻分类1                        　　　　新闻分类2                        　　　　新闻分类3                        　　　　新闻分类4