00:00
接下来呢,我们来完成底部的这个已选择数量和这个价格,那么这里呢,我们必然用计算属性去完成。需要依赖数据进行计算,我们都会考虑计算属性,我们一起来做啊,一个是总数,我们叫total number吧,一个是total price,一个是走价。或者叫selected。对吧,然后呢,下面这个呢是总价。好,数量怎么选择呢?那么就是要去遍地展示了啊,去统计,通过这点data点卡点reduce方法去统计这个累积求和啊。呃,我们来初始化的数量是零,然后呢,PC。
01:03
Return什么呢?Return p加上。C点服的list啊,要看它的这个遍利出来的这个负的list里面,它的这个商品的is。那么我们要求得这里面的这个is less的值的一个数量。对吧,所以这里面又可以用个reduce啊,可以用多个reduce。这里面P加上什么的c.is c。可尔T的啊,其实这样写就够了,因为以为出它就是加一,以为false它取值就是零,对吧。因为加号会进行隐式转换,它会转一的,那么它就是零,那么加起来就是它整体的一个数量。
02:05
然后下面这个总价这个计算呢,就稍微的费劲一些啊。来它也是加编辑去累加,那么累加的结果也是负利的累加结果,那么只是它这里如果是选中的话啊,如果它选中的话。来。如果选中的话,它要加的是c.C。Price。乘以CD amounts。啊,选中的是加这个,如果没有选中的话,加的就是零。就是个没有选中家庭,选中的话是加的是它的销售价格,那么这样的话呢,计算的数量才会是正确的。我们把这个数量和。这个总价在这里进行显示。OK,那么我们去看啊,你选择三件啊,注意这个数量是你选中的几个商品,不是说选中商品的数量的累加,你选择三个商品就是三个跟它数量无关啊,合计价格就是它最终的价格。
03:12
是不是啊,我们可以算一下,100这里加起来大概200多,加起来这里就是300多啊,300多加45大概400左右啊,对吧,这个价格计算是没有问题的,数量计算三件也是合格的。好了,所以这样呢,我们就完成了这个底部的一个数量的一个计算和一个价格的计算,这里面呢,我们用了双重的一个reduce方法啊,去累计求和。所以这里涉及到两个概念,第一个什么时候使用计算属性呢?就是当我们一些数据啊,比方说我们看到例子这个列表,它不能直接展示,而是我们要拿到里面的值做一些操作,做一些计算才需要展示,那么我们会有使用计算属性。第二个什么时候用reduce呢?就是累积求和啊,最典型的就是咱们的购物车这些总价的计算,单价总价的计算等等啊,那么reduce方法是最合适的去累加求和,一个一个累加,一个一个累加,最终达到我们想要的场景,所以说这里面呢,就是一个计算属性的应用和一个数组的reduce方法的应用。
04:14
好,其实这里接头函数都可以写成一行啊,那么真正如果简写下整个代码会很简洁,但是可能大家看起来会比较别扭啊,所以说我们就没有简写了。
我来说两句