00:00
好,接下来呢,我们来获取这个公式列表,然后进行展示啊,来代码里面,我们一上来就要发这个请求获取公式列表,我们下面来操作一下啊。复制一份上面的这个请求的代码,那下面呢,我们也来做一次,好请求地址呢,我们来复制一下。就这个后面部分就好了,就这个get。它是cut cut。After cards。OK,那么说ID还是这个ID没问题,前面是get,然后得到数据之后呢,我们需要更新的是this.data点数据。OK,更新到卡上好,那么更新到卡类上呢?我们的确有个卡类购物车数据啊,但是我们同时希望呢?希望什么呢?希望咱们获取到这个shop,也就是说这个食品列表for类,它的值要发生与之相应的变化。要根据我们的这个值来去更新它的这个。
01:03
咱们的这个值,所以我们的这个请求啊,最好是在上面这个请求完成的时候去完成,留在这里请求成功了,对吧,我们。所以这个请求分为两步啊,第一步。然后请求咱们的这个店家数据对吧,然后第二步请求成功了之后呢,再请求我们的购物车列表啊,第二步请求购物车列表,那么在购物车列表里面我们去做这些操作啊。那你这个数据呢,我们统一的都在最后去完成。所以这上面的这个数据我们还是取个名字啊,就不叫,这里面我们就改一下吧,这个里面就叫啊。外面我就不改了,其实都可以改一下。OK,然后把这个要操作的是我在这复制一下,呃,我们看是不是对的没问题啊,外面这个呢,我们叫shop。
02:03
好,然后这里面他们在更新之前呢,需要对数据做处理,处理的目的就是为了保证咱们这里面的数据呢,它跟K里面是对应的,那么这里面需要查找一下啊,咱们整个shop数据,我们再来回忆一下,整个shop数据是比较费劲的,就是比较复杂的啊。我们来看一下这个shop店家这个接口,Get shop INF for试一试啊,那么获取到shop数据呢,它是整体这个对象里面有个分类啊,Carry carry呢里面是个数组,数组里面放对象,对象里面负的,我们要改的就是这个负的啊,这个负的,而且是这个数组里面的这些负的。所以整体遍历呢,会比较费劲啊,我们来一起遍历一下。呃,得到这个我们拿到这个shop数据啊,整体我们要遍历的就是这个shop里面的这个。Carry对它进行for遍历。
03:00
这个东西就是这个carry啊,我们就叫C吧。好,编辑出来的这个carry呢,还要干嘛呢?还要对里面的负进行遍历。所以说这个病例整体会比较多啊,好便利负的是为了干嘛呢?是为了判断啊。这个food的ID啊,在不在这个我们的这个卡,这个购物车列表中,所以说includes啊,判断它啊,Find一下找一下。找一下咱们的这个cart cart里面的负的ID啊,有没有等于我们的这个负的ID,等于说明找到了啊,没有等于就无所谓啊,等于找到了,找到之后我们再更新这个负的amount。就要等于咱们找咱们对应的购物车的这个amount。OK,所以在这里我们去。
04:01
目的就是将店家数据中的食品啊。更新啊这个数量。更新数量好,然后下面呢,还是更新完之后呢,还是将这个数据进行相应的赋值啊,下面的操作是不变的,下面操作是不变的。OK,那么我们接下来就来可以看一下效果啊。打开。我们增量分析一下,确保代码是最新的,然后呢,我们等他请求完数据点进去。OK,这里呢?他报了一个错啊,说cars is not DeFined。呃,我们拿到这个发的方法。呃,这里我们找到完之后,要判断一下这个卡有没有啊。OK,判断它有的话我们再去复制啊,有的话再复制。
05:03
好,点击。OK,这个时候我们就能看到,一上来呢,这个数量它就发生了,对吧,相应的一个变化啊。这样就不用我们再操作了,是不是。好了,然后呢,当我们再去操作的话呢。那么与之对应的的话呢,除了我们里面的这个卡list,这个值要发生变化,那么我们操作的是外面这个卡list,它的值也要发生与之对应的变化,所以说。我们来看到。这个更新商品数量这里啊。我们呢,在这里更新了我们的这个这个商品数量,还要更新那个卡的商品数量,所以说我们两部分都要去想办法去完成它啊,两部分都要完成,那么我们怎么做呢?我们就在这里操作吧。呃,操作方式就是我们要去。卡list里面去find。
06:06
啊,其实这里面呢,因为判断是新的的话呢,我们就要添加啊,旧的话呢,我们就直接赋值,我们直接find。啊,Find什么呢?Find是咱们的啊,看一下这个car里面的ID是不是等等于咱们的food的cut里面的food的ID啊。一样的,这里涉及到一个需要,到底是需要添加还是需要做,呃。哎,这个我们先不要置顶啊,省得他到时候看啊,我们要找到一下,看下这个cut有没有。呃,这里找到cut的话呢,其实这里就可以用这个cut去判断一样的,找到cut的话呢,如果它有值,那么有值就是在这里,我们在这里就要去更新这个amount。这是更新那个更新绿色里面的值啊。
07:03
更新显示。那么这里是更新购物车的数字。啊,这是这个,然后下面这个呢,我们就要push进去,因为它相当于是第一次添加,第一次添加push进去。Push一个啥呢?Push一个呃,不需要ID啊,需要负的ID等于负的ID,然后需要shop的ID对吧,等于当前的这个shop的ID。啊,其实这个售ID给不给都无所谓啊,因为后续我们应该用不上啊,如果要给的话,就是这次就是API点。配置per。给ID啊,如果要给的话,还有就是amount需要给一下amount的值添加的话。以上是一。
08:01
所以这两边都要做啊,然后呢,减少的话呢,就简单了,减少的话就是直接啊find。直接find之后,找到这个cut之后把它的这个amount减减。好了,所以就是这样的一个操作啊,所以两边都要对这个数据卡list做操作,最终是靠同步。好了,所以这样的话呢,其实就已经做完了,当然效果上呢,我们可能看不出太明显啊,效果上看不出太明显。对吧,加减。都可以啊,这些都可以好,最后呢,我们要统计一下价格,在下面这里统计一下总价啊,所以说我们来做一个,那么像这种总价的统计的话,比方说这个总价的统计啊,通常情况下我们是用啊统计多个数据啊,所以我们建议是用计算属性来做。所以我们定一个comp的计算属性。
09:01
统计个price。To呢,它的return结果就是我们这个去reduce就好了。而总价呢?初始化值为零啊,P和CP是代表上一次的reduce方法的返回值,那么C是当前遍地向元素return的结果,就是啊,上次的结果加当前的这个cell。Price。呃,那么我们当前的这个卡里面还需要我们的一个销售价格,没有销售价格的话,咱们这里不太好去。呃,去做处理啊,去计算这个总价,所以说我们这里处理完之后呢,还需要给他加一个销售价格,然后以及它的一个销售的数量。啊,那么这样的话呢,就可计算这个总价了,那么现在问题来了啊,就是他这里没有销售的价格,所以说我们这里要给他一个销售的价格,这样才行。
10:06
第一个点是我们自己在家的时候,我们需要给他加上销售价格。呃。加销售价格。OK sell price,同时减少的时候也是,减少的时候就不用管了,减数量就好了,加的时候就加price,然后还有就是我们在上面在编辑的时候啊。找到了之后呢,我们还需要给cut啊,给这个找到的cut添加这个sell price值为负的sell price,这样的话呢,它就有这个呃,这个销售的价格了,那么我们在计算的时候,那么就可以相应的计算到这个总价了,Total price。好,呃,然后呢,我们把total price放到这个总价这里,通过一个语法对吧。去展示。下面我们点进去看效果。OK,好,这时候我们看一下计算啊,应该是有个报错的,他说is not DeFined,呃,我们是不是忘记加this了。
11:11
对,这里是c.data点看的意思啊,我们忘记在this上找了。OK啊,那么接下来我们点进去看下效果,诶,你看计算就成功了,当然这个价格我们再再再减少一下货车啊减。减减这个我也不知道对不对啊,所以说我们对比一下。OK,哎,这里都解完了,他哪里还有加的吗?我们来看一下是不是我哪里还加了一个购物车。呃,这里整体应该没有,所以说我们看看是不是哪里计算错误。
12:02
哎,我们看一下,哎,这里怎么选中了。减减减减,OKOK啊,的确是是这样的,只是它商品太多了啊,我们就拿前面的举例子啊,那么这个总价计算是没有任何问题的,好427对吧,我们保存一下代码。保存一下代码,它就会重新编译一下,重新编译一下的话呢,我们再次点进去看一下,它是不是还是这个427 OK,没问题,那么到这里呢,我们就对这个商品的数量的加减做了一些操作,同时统计了这个销售的总价。
我来说两句