00:01
下面呢,我们来看几个问题。第一个呢,就是我们先来到购物车啊,现在购物车呢,有三个商品。我们点进去这个商家,我们再加一个新的商品。OK,加了一个大鸡腿饭对吧?好,这时候返回到购物车的时候呢,我们会发现我们刚刚加的这个商品没有出现。因为他数据没有更新。所以我们想解决的就是这个数据的更新的问题啊,我们怎么让这个页面的数据在切换的时候,它数据能得到变化。好,接下来我们来操作。打开页面呢,在这个API对象上呢,它有个事件叫做view appear的一个事件。这个事件呢,就是当我们当前窗口显示到屏幕上的时候,它就会触发这个事件。那么抽到时间呢?在回调函数中,我们就可以重新发请求去请求函数。请求数据,那么就可以达到这个效果了。
01:00
而现在,我们的购物车。咱们通过的方法或者是API ready啊,不管是哪个方法,它永远只触发一次,没办法触发第二次,所以想触发多次,那我们来,我们还是改成API ready吧。想要触发多次的话呢,那么我们在这里就要绑定这个世界。一上来发一个请求没问题,把例世界在世界回调函数中再发一次。那么这样呢,才能保证咱们的这个呃数据呢,得到正常展示。为了确保自己的指向正确,所以说我们要改成箭头函数啊,要注意。下面我们再看。线上购物车。现在购商有四件商品。我们去再加一个。OK,数量呢,加为三。返回抵达购物车,这时候诶,我们就能看到五件商品就达到了。所以说这一块呢,就是这样的啊,就是我们需要通过一个事件,当它的页面同时写入的时候,我们重新获取列表展示就好了。
02:05
接下来的下一个问题又来了啊,我们来看一下。结算。提交订单,我们支付。对吧,这个支付的价格这里呢,我们没有调整好,所以说我们把它调一下。那么在paint页面的时候呢,我们除了要传这个visible给他,还是要传这个total price。Total price传过去之后呢,我们来到success,在这里我们要声明接收这个total price,它是个number类型。呃,这个应该是不类型啊,怎么写个for。好,呃,那么total price,我们要在这里支付成功,这里展示。好了,接下来我们再看一下啊,购物传媒数据呢,我们直接结算一个。
03:00
结算提交。确认OK,这个价格没问题。先完成。完成之后呢,我们再去买一个商品啊,再去买结算。皮箱。再去买的话呢,我们会发现他一上来就跳转到支付成功页面了,这里是存在问题的。还有包括就是我们那个,呃,那个shop页面啊,他一上来那个提交订单的数据竟然还在,其实也要刷新的,所以说我们一点点来做啊,首先第一个就是这个提交一旦完成之后啊。这个pain一旦完成之后呢,我们要把这个数据给改了,把它的这个visible调为false。所以说我们这里需要做个调整啊,Pay success调跳走之后,我们要去把这个visible的值进行修改。Go home对吧?返回的时候呢,我们要把visible的执行修改,那么要修改visible的值的话呢,我们就需要给他一个方法去修改。
04:04
好,其实就是要把visible值调为false,所以说这里写法就是this点。data.visible调为false。好,然后把这方法呢,通过属性的方式传递给咱们的呃,组件。OK,这里不小心放大了。传递给这个,把方法传给他之后呢,他在内部可以调这个方法,从而达到这个功能。OK,接收到一个方式。对吧,然后呢,在go的时候呢,我们去调这点pro点。或者这点这种方法也行啊。我们先调整方法,再跳转,先调再跳转。OK,先解决这个问题,然后第二个呢,就是我们的这个说明页面呢,其实操作方法和它一样啊,就是每次我们要进来的时候,要重新获取一次这个。
05:03
裂变。那么这个方法我们就要分装一下。我们叫get shop。英法。一上来第二次。然后呢,我们进来的时候要重新调一次,对吧。好了,那么我们接下来看一下这些效果啊。我们去支付一下。下一个新的单。支付提交。好,提交到这一步的时候呢,它有个报错啊,我们看一下报什么错,说set visible is定义。啊对,我们传的是函数的话呢,得加个Z啊。
06:01
再来一遍。加一个其支付。提交。支付成功完成。我们再点进去商品列表,那么诶,你看这个数据就消失了,这就是对的啊,然后呢,我们换下一个。结算提交,诶这时候还是可以重新点击。好了,到这里呢,就解决了几个问题啊,就是我们这个数据啊,它没有刷新的问题,那么没有刷新的话呢,我们就要绑定这些事件,在事件里面我们重新发一个请求来覆盖掉之前的数据,那么就可以达到我们想要的效果了。好了,这里呢,就是我们目前存在的几个小问题。
我来说两句