微信小程序---购物车加减按钮问题
2018-03-20 本文已影响42人
X_I_E
在做小程序购物车列表页面的时候,该页面需要给每个商品都配置一个加减按钮,此时遇到了一个问题,由于这里涉及到了一个for循环把商品循环输出出来,所以无法像在商品详情页设置时一样去写操作,因此,如何确保你进行加减操作时,让程序知道你正在操作的是哪一个商品。

针对服务端返回的数据,最终采用的是以下方法解决,即使用data-*属性,给每个加减操作进行赋值:data-index={{index}},使得在进行加减操作的时候可以根据index的值对应找到相应的商品。
页面代码如下:(由于在小程序复制时一直复制不过来代码,只好采用截图方式)




以上是针对这一次遇到的问题做的一次记录,以上的代码是针对我自己的数据结构做的,如果数据结构不同的,可以针对实际情况进行调整。
参考:https://www.cnblogs.com/linxin/p/6834206.html