老师 有问题

老师 有问题

问题描述:

代码完成之后自测发现bug


1、首页点击右上角,进入到city页面, 然后直接滑动到下面,选择了一个城市

2、选择了城市之后,自动跳转到首页

3、此时再次进入到city页面,进入后直接跳转到了上次选择的城市的位置,很下面,而不是最上端。


代码里写了

scrollBehavior (to, from, savedPosition) {

    return { x: 0, y: 0 }

  }

但是之后detail页面的跳转是好用的

老师,请问一下,这是为什么呢?


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2021-05-18 15:15:29

同学你好,以源码为例,由于使用了keep-alive组件进行了缓存,导致再次从首页进入city页面时,不会再次触发mounted函数,所以会出现同学描述的bug。

解决方案:添加activated函数,再次实例化Bscroll即可,示例:

http://img1.sycdn.imooc.com//climg/60a368e309a4580413590322.jpg

祝学习愉快~


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师