脚本宝典收集整理的这篇文章主要介绍了vue滚动行为-vue，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

有人问道如何记录vue页面的滚动条位置，再次载入组件的时候页面滚动到记录的位置？

 思路： 记录滚动条位置我们好记  我们要在组件销毁之前也就是页面跳转的时候 需要用到生命周期beforedistory将位置记录下来 你可以存到vue中 那么如果我们用了keep-alive怎么办 他不会销毁组件啊 ？  那么我们就用到keep-alive的生命周期 的deactivated钩子中将位置记录下来  等到再次回到页面的时候 就需要等到 组件完全加载完毕 再设置滚动条的位置  这里我们用到vm.$nextTick()这个方法 来检测组件载入完毕   用到vue提供的方法scrollBehavior  scrollBehavior (to, From, savedPosITion) {   //如果有存入的位置就会滚到该位置，否者返回到页面顶部   if (savedPosition) {     return savedPosition   } else {     if (to.hash) {       return {selector: to.hash}     }   } },

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ vue，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的vue滚动行为-vue全部内容，希望文章能够帮你解决vue滚动行为-vue所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。