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

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,  // 图片路径})},

前台代码：

小程序返回多条图文，类似新闻或者博客的展示，其中遇到的bug相关推荐

[云炬小程序实战笔记] 第3章云炬博客小程序全局配置
app.json {"pages": ["pages/index/index", //首頁"pages/category/category" ...
在微信小程序上,帮助中心界面实现类似手风琴案例
在微信小程序上,帮助中心界面实现类似手风琴案例 wxml <view class="container"><block wx:for="{{arrdat ...
小程序实现canvas添加图文
小程序实现canvas添加图文笔者今年刚毕业,也没从业经历,难免有代码编写不成熟的地方,欢迎指正上周开始接触小程序,这里实现的功能类似表情包制作:选择图片.输入文字后保存到本地.目前只是demo ...
微信小程序手把手教你实现类似Android中ViewPager控件效果
微信小程序手把手教你实现类似Android中ViewPager控件效果前言需求分析头部TAB 滑动的内容部分最终版本尾巴前言在做Android开发的时候,ViewPager是开发者使用频 ...
企业微信获取用户信息响应40029(微信小程序与公众号出现类似问题应该是同样的原因)
企业微信获取用户信息响应40029 在对接企业微信的时候需要通过code去获取userId,但是会返回40029的error码,经过测试与验证原因是访问地址 https://open.weixin.q ...
微信小程序----返回上一页刷新或当前页刷新
WXRUI体验二维码如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! 声明 bug: 在onShow中执行this.onLoad(),会导致页面第一次加载的时候数组 ...
隐藏微信小程序返回首页按钮（小房子）
隐藏微信小程序返回首页按钮(小房子) 之前开发小程序时会碰到用户打开非主页时,页面会显示返回首页按钮.现在可以隐藏啦!!! 需要注意的是1.调试基础库版本需要2.8.3及以上:2.以及微信7.0.7版 ...
后退一步小程序_微信小程序返回上一级页面的实现代码
微信小程序返回上一级页面 wx.navigateBack({ delta: 1 //返回上一级页面}) html: 保存 js: //提交 submit(){ let data = this.data ...
微信小程序返回上一页并刷新
微信小程序返回上一页并刷新前提:使用Taro和react 函数组件(使用类组件的应该同理) useDidShow,可以在每一次进入该页面时,都能刷新页面.这样使用Taro.navigateTo跳转到 ...

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

小程序返回多条图文，类似新闻或者博客的展示，其中遇到的bug相关推荐

最新文章

热门文章

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

小程序 返回多条图文，类似新闻或者博客的展示，其中遇到的bug相关推荐

最新文章

热门文章

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

小程序返回多条图文，类似新闻或者博客的展示，其中遇到的bug相关推荐