微信小程序---购物车加减按钮问题

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

微信小程序---购物车加减按钮问题_第1张图片
购物车列表

针对服务端返回的数据,最终采用的是以下方法解决,即使用data-*属性,给每个加减操作进行赋值:data-index={{index}},使得在进行加减操作的时候可以根据index的值对应找到相应的商品。

页面代码如下:(由于在小程序复制时一直复制不过来代码,只好采用截图方式)


加减按钮


数据结构
微信小程序---购物车加减按钮问题_第2张图片
减法操作函数


微信小程序---购物车加减按钮问题_第3张图片
加法操作函数

以上是针对这一次遇到的问题做的一次记录,以上的代码是针对我自己的数据结构做的,如果数据结构不同的,可以针对实际情况进行调整。

参考:https://www.cnblogs.com/linxin/p/6834206.html

你可能感兴趣的:(微信小程序---购物车加减按钮问题)