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

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

购物车列表

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

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


加减按钮


数据结构
减法操作函数


加法操作函数

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。