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

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

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

当然用户也可以进行全选

前端代码分析

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

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

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

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

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

循环购物车计算价格


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

结束

 

posted @ 2020-02-23 20:20  高山-景行  阅读(233)  评论(0编辑  收藏  举报