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

在商品列表页

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()

方法修改底部购物车

浏览我们需要购买的物品，浏览好了之后，就可以点击下面的加入购物车按钮了，点击加入购物车的时候，会提示你选择好东西的尺寸跟颜色，还有数量。点击购物车之后页面就会跳转，跳转之后会显示我们之前加入购物车的商品，这时我们确认下购物车里面的东西，要是不想购买的，可以点击删除按钮，确认好了之后点击下方的结算按钮即可。

购物车是什么，很容易理解，我们平时在超市购买东西的时候，购买的东西多了都会去拿个手推车，把物品放在手推车里面。其实淘宝里面的购物车就跟我们现实生活中的手推车一样，都是方便我们购物而设定的。