微信小程序开发之嵌套循环

又一次犯了习惯性错误。被console.info()打印出的结果蒙蔽了双眼。先看一下小程序官方文档这句话:

  1. 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的,还会造成数据不一致

页面效果就是不同会员下边有不同的商品列表信息,所以涉及到两个数据结构,一个是会员信息,一个是商品信息。

要实现这样的效果,因为我会员的等级信息是在一个数组 里边,而商品信息是在另一个数组里边,他们之间通过会员id进行联系(即通过会员等级id可以请求到该等级下对应的商品信息)。

数据结构:

会员等级数据:

商品数据:

我想渲染到页面的话,就必须构造出一个数组,数组的结构如下:

 

 我的具体实现:

 

在我没有加这段代码前,打印this.data.goodsList出来的数据结构是没有问题的,typeof的结果也是object,我也因此懵逼了,结构是对的,类型是对的,但是就是无法渲染。原因就是文章开头的那句话。小程序中赋值必须使用setData

wxml部分:

猜你喜欢

转载自blog.csdn.net/qq_41588568/article/details/108624531