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, // 图片路径
})
},
前台代码:
|
请发表评论