微信小程序加入购物车方法更新?

在商品列表页

index.wxml

中，给下单按钮绑定一个添加购物车的事件

addCart

，使用

catchtap

是不会冒泡，同时传入

data-item

，当前的商品，代码如下所示：

1

<view class="order" catchtap="addCart" data-item="{{ item }}">下单</view>

在

index.js

中，在

Page

中，定义

addCart

事件。对此，可以分析一下当点击按钮以后添加购物车的逻辑：

拿到点击要添加入到购物车的商品

判断该商品在不在购物车里面

如果不在, 把该做腔念商品添加到购物车里面, 并且新加一个字段

num = 1

如果在，修改改商品的

num

值 累加

在

addCart

中，第一步拿到该商品，通过

e.currentTarget.dataset

获取。第二步，判断该商品在不在购物车里面，根据

_id

尝试从购物车里面获取数据，看能不能获纯困取的到。使用

try...catch

，在有值的情况下，把购圆雀物车里面的该商品的

num

值累加

，并且进行下单成功的提示；在没有值，把商品添加到购物车里面，并且进行下单成功的提示，最后调用

setTabBar()

方法修改底部购物车

微信小程序的饿了么有购物车

1、首汪凳伍先进入饿了么手机A小程序，点击下方导航“我的”按钮。

2、粗衡其次进入“我的”界面，点击“购物车”按钮。

3、最后进入“购物车”界面困或，请先确认您的订餐是否正确，然后点击右下角的“去结算”按钮。