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

微信小程序的购物车功能

在商品列表页

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、首先打开手机淘宝客户端，进入到首页后，在顶部的搜索框中输入并搜索自己想要的商品关键字；

2、进入对应的所有商品显示界面，点击一个自己喜欢的商品；

3、接着显示该商品的详情介绍页面，这个时候底部会有加入购物车的按钮，点击它；

4、一般情况下，会d出要求选择商品的规格参数，选好后点击下方的确定按钮；

5、然后在商品页面会提示“添加购物车成功”，返回到淘宝首页，点击底部标签中的购物车；

6、此时在购物车界面下，已经包含刚刚添加的商品货物了。若要购买，直接点击左侧的圆圈将其勾选，再进行结算即可。

可以，聚划算APP更新后已经有直接添加购物车功能了。

具体步骤：

1、在手机上找到聚划算APP并点击打开聚划算APP。

2、进入聚划算APP首页，点击明日开团按钮

3、进入到明日开团页面。

4、选择想要拼团的商品，点击进入详情页面。

5、进入到商品详情页后，点击左下角的添加购物车。

6、然后点击右上角的购物车图标。

7、进入到购物车页面后，会发现该商品已经被添加到购物车，但是价格为原价，用户可以等到开团日期后直接进入购物车刷新，然后购买即可。

---