<link rel="stylesheet" href="~/Content/layui-v2.5.6/layui/css/layui.css" media="all" /> <script src="~/Content/layui-v2.5.6/layui/layui.all.js"></script>
2. 第二部分是需要给分页数据给一个div容器用来承载将要初始化的数据
<div class="layui-tab-item"> <div id="pageDemo"></div> 最重要的是这行代码。 </div>
3. 第三部分是对layui进行初始化的阶段
1 <script> 2 layui.config({ 3 version: ‘1583393622887‘ //为了更新 js 缓存，可忽略 4 }); 5 6 layui.use([‘laypage‘,‘table‘], function () { 7 , laypage = layui.laypage //分页 8 , table = layui.table //表格 9 //分页 10 laypage.render({ 11 url: "", //接收api的地址 12 elem: ‘pageDemo‘ //分页容器的id 13 , count: 100 //总页数 14 , skin: ‘#1E9FFF‘ //自定义选中色值 15 //,skip: true //开启跳页 16 , jump: function (obj, first) { 17 if (!first) { 18 layer.msg(‘第‘ + obj.curr + ‘页‘, { offset: ‘b‘ }); 19 } 20 } 21 }); 22 </script>
4. 出来之后的效果展示如下：
原文：https://www.cnblogs.com/starwei/p/12435800.html