vuejs仿美团，饿了么项目之——商品数量加减篇

首先，新增个商品数量的加减功能组件，就叫cartcontrol.vue吧。新增个底部购物车组件，叫shopcart.vue吧。在good.vue中引入并注册组件。

cartcontrol.vue中，通过props来接收list对象

因为我在json中没有设置数量这个key，所以需要全局用vue.set进行注册这个属性。在add方法中，如果没有这个属性，那么就注册，如果有，那么就count++

这里增加了一点小效果。应用了<transition>。 并且当数量减到0的时候。通过v-show来控制减号和数值是否显示。

写的比较粗糙，估计只有我自己能懂。这里要注意一下，在BScroll实例中要配置下click:true。使better-scroll滚动部分支持点击事件。否则加减号的点击事件无效。好吧~下篇写下底部的购物车功能。

淘宝店铺的商品规格是通过后台管理系统进行设置的，具体步骤如下：

登录淘宝卖家后台，进入“商品管理”页面。

在商品列表中找到需要设置规格的商品，点击“编辑”按钮进入编辑页面。

在编辑页面中，找到“商品规格”栏目，点击“设置规格”按钮。

在d出的“规格设置”对话框中，输入规格名称，例如“装数”、“包装”等，然后按照需要设置规格值，例如“2个装”、“4个装”、“6个装”等。

设置完规格和规格值后，点击“保存”按钮即可完成规格设置。

注意事项：

在设置规格和规格值时，需要根据实际情况进行设置，确保规格和规格值的名称和数量准确无误。

在设置规格时，要考虑到用户的购买需求，选择常见的规格和规格值，以提高用户购买的方便性和体验。

在设置规格后，需要在商品详情页面中展示规格和规格值的信息，以方便用户选择购买。

微盟商家设置多规格商品步骤如下：

1、SKU编辑商户编辑商品基本信息时，在商品规格中选择【多规格】，即可出现SKU编辑区；

2、依据商品类目，系统预置了该类目商品的常用规格。商家只需点击【添加规格】，在下拉菜单中选择相应规格，再添加【规格值】即可。

---