阶段一-02.分类,推荐,搜索,评价,购物车开发-第5章 购物车功能开发-5-5 购物车 - 选中商品的计算业务
结算前,选择要结算的商品,选择一件后,结算这里会显示出商品的数量 和合计的价格。
优惠过后的价格乘以数量。
当然用户也可以进行全选
前端代码分析
深度的watcher监听数据的变化。
变量specIds就是选中的商品的规则。也就是在我们的页面里面每一项都是以规格为单位。
随着我们的购物车对象做渲染
监听数据的变化,重新计算reCal商品的价格个数量。watch是前端vue的技术点,这里不过多的讲解。
首先判断当前的数组为不为空。如果为空那么,总数量和总价格这里都设置为0.
循环购物车计算价格
以上都前端的代码 有兴趣的 可以演技下前端的代码
结束