jump: function(obj, first) {//点击页码或下一页时执行jump param.page = obj.curr;函数中的参数的意义
时间: 2024-06-05 16:10:15 浏览: 56
在这个函数中,`obj` 是一个包含分页相关信息的对象,其中包括当前页码、总页数等。而 `first` 则是一个布尔值,用来表示是否是第一次加载分页,如果是第一次加载,则不会触发跳转页面的操作。
`param.page` 是一个表示当前页码的变量,通过将 `obj.curr` 赋值给它,实现了页面跳转。
相关问题
http.request('yonghu/list', 'get', param, function(res) { vue.dataList = res.data.list // 分页 laypage.render({ elem: 'pager', count: res.data.total, limit: limit, groups: 5, layout: ["prev","page","next"], theme: '#0099CC', jump: function(obj, first) { param.page = obj.curr; //首次不执行 if (!first) { http.request('yonghu/list', 'get', param, function(res) { vue.dataList = res.data.list }) }
这段代码看起来像是一个前端页面的请求处理逻辑。其中使用了Vue.js和layui这两个前端框架,通过发送一个名为'yonghu/list'的get请求,获取到了服务器返回的一些数据,然后将其中的列表数据渲染到页面中,并且通过laypage组件实现了分页显示。在用户点击页面上的分页按钮时,会重新发送相同的请求来获取对应页面的数据,并重新渲染到页面上。
http.request('config/list', 'get', { page: 1, limit: 5 }, function(res) { if (res.data.list.length > 0) { let swiperList = []; res.data.list.forEach(element => { if (element.value != null) { swiperList.push({ img: http.baseurl+element.value }); } }); vue.swiperList = swiperList; vue.$nextTick(() => { carousel.render({ elem: '#test1', width: '100%', height: '420px', arrow: 'hover', anim: 'default', autoplay: 'true', interval: '3000', indicator: 'inside' }); }) // vue.$nextTick(()=>{ // window.xznSlide(); // }); } }); // 分页列表 pageList(); // 搜索按钮 jquery('#btn-search').click(function(e) { pageList(); }); function pageList() { var param = { page: 1, limit: limit } if (jquery('#bumenmingcheng').val()) { param['bumenmingcheng'] = jquery('#bumenmingcheng').val() ? '%' + jquery('#bumenmingcheng').val() + '%' : ''; } if (jquery('#bumenleixing').val()) { param['bumenleixing'] = jquery('#bumenleixing').val() ? '%' + jquery('#bumenleixing').val() + '%' : ''; } // 获取列表数据 http.request('bumenxinxi/list', 'get', param, function(res) { vue.dataList = res.data.list // 分页 laypage.render({ elem: 'pager', count: res.data.total, limit: limit, groups: 5, layout: ["prev","page","next"], theme: '#0099CC', jump: function(obj, first) { param.page = obj.curr; //首次不执行 if (!first) { http.request('bumenxinxi/list', 'get', param, function(res) { vue.dataList = res.data.list })
这段代码是一个使用 layui 和 http 模块实现的分页列表功能。首先使用 http 模块向后端发送请求,获取一些配置信息,其中包括轮播图的图片地址。然后使用 vue 实例中的数据项 swiperList 接收处理后的轮播图数据,并且使用 layui 的 carousel 模块渲染轮播图。接着,使用 jquery 监听搜索按钮的点击事件,并且调用 pageList 函数获取列表数据。pageList 函数中,首先根据搜索条件构造查询参数,再使用 http 模块向后端发送请求,获取列表数据,最后使用 vue 实例中的数据项 dataList 接收处理后的列表数据,并且使用 layui 的 laypage 模块渲染分页器。在分页器的回调函数中,根据当前页码重新发送请求,获取对应页码的列表数据,并且更新 dataList 数据项。
阅读全文