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('#bianhao').val()) { param['bianhao'] = jquery('#bianhao').val() ? '%' + jquery('#bianhao').val() + '%' : ''; } if (jquery('#weizhi').val()) { param['weizhi'] = jquery('#weizhi').val() ? '%' + jquery('#weizhi').val() + '%' : ''; } if (jquery('#huiyizhuti').val()) { param['huiyizhuti'] = jquery('#huiyizhuti').val() ? '%' + jquery('#huiyizhuti').val() + '%' : ''; } param['sfsh'] = '是'; // 获取列表数据 http.request('huiyishiyuyue/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('huiyishiyuyue/list', 'get', param, function(res) { vue.dataList = res.data.list
时间: 2024-01-10 20:02:08 浏览: 139
node.js的http.createServer过程深入解析
这段代码是用于前端页面的数据请求和渲染的,其中包含了向服务器请求数据、进行数据处理和分页等功能。具体来说,它做了以下几件事情:
1. 向服务器请求配置列表数据,将其中的图片地址提取出来,并使用swiper进行轮播展示。
2. 分页列表数据,可以根据输入的关键词进行搜索过滤。
3. 渲染数据到页面上,使用laypage分页组件进行分页展示。
如果您有更具体的问题需要帮助解答,可以再提出来哦。
阅读全文