结算前，选择要结算的商品，选择一件后，结算这里会显示出商品的数量 和合计的价格。

优惠过后的价格乘以数量。

当然用户也可以进行全选

前端代码分析

深度的watcher监听数据的变化。

变量specIds就是选中的商品的规则。也就是在我们的页面里面每一项都是以规格为单位。

随着我们的购物车对象做渲染

监听数据的变化，重新计算reCal商品的价格个数量。watch是前端vue的技术点，这里不过多的讲解。

首先判断当前的数组为不为空。如果为空那么，总数量和总价格这里都设置为0.

循环购物车计算价格


以上都前端的代码 有兴趣的 可以演技下前端的代码

结束

阶段一-02.分类，推荐，搜索，评价，购物车开发-第5章 购物车功能开发-5-5 购物车 - 选中商品的计算业务

原文：https://www.cnblogs.com/wangjunwei/p/12353999.html