• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

小程序 返回多条图文,类似新闻或者博客的展示,其中遇到的bug ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

4.2 查询结果节目多列表优化
这里折腾了天吧,相当于是3.26-折腾到3.27 。
【值得记录】主要问题一、修改数据的返回形式,数据从写死到灵活。从单个数据到多个数据的返回,最开始的单个封装到多个无封装返回。
【值得记录】主要问题二,返回多张图片时,一直获取的是最后的图片问题,或者是获取不到图片问题,或者是数据显示不全的问题。
循环变量冲突问题。

其实一开始数据封装对了

本质解决方案

错误使用wx:if 以及图片路径正确的循环。后台返回也要正确。
后台代码:
success: function (res) {
//console.log(res);
// console.log(res.data);
//数组拿回来了,怎么用呢? --继续打印出来
console.log(res.data.length);
for (var i = 0, len = res.data.length; i < len; i++) {
//console.log(res.data[i].photopath+‘第一个 + ‘+i);
// that.data.items[i] = res.data[i];//进行封装 传递给界面
//处理图片
var photopath = res.data[i].photopath;
var result = photopath.split(",");
var testdata1 = [];
for (var j = 0; j < result.length; j++) {
if (result[j].indexOf("/") > 0) {
//如果包含有"/“号 从最后一个”/“号+1的位置开始截取字符串
testdata1[j] = ‘http://localhost/wechat/photopath/’ + result[j].substring(result[j].lastIndexOf(”/") + 1, result[j].length);
//console.log(testdata1);
}
}// for 循环结束
// 怎么办把图片一起带进去—给每一个 i 带一个
res.data[i].photopath = testdata1; //改一下
//console.log(res.data[i].photopath+’ 改过以后的第二个 +’+i);
that.data.items[i] = res.data[i];//进行封装 传递给界面
console.log(that.data.items[i]);
//console.log(that.data.items[i].photopath);
that.data.photorouters[i] = testdata1;
//console.log(that.data.photorouters[i]);
}

    that.setData({
      items: that.data.items,//传递给界面
      photorouters: that.data.photorouters,  // 图片路径
    })
  },

前台代码:


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序地图模块发布时间:2022-07-18
下一篇:
微信小程序切换选中状态发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap