您当前的位置：首页 > 编程

scrollbehavior没有效果

时间：2025-08-29 16:07:04 来源：互联网作者：

AI导航网，AI网站大全，AI工具大全，AI软件大全，AI工具集合，AI编程，AI绘画，AI写作，AI视频生成，AI对话聊天等更多内容请查看 https://aiaiv.cn/

vue-router scrollBehavior无效的问题及解决方案添加路由中后发现没有实际效果。解决方案：检查您使用的路由版本，在vue-router4+版本scrollBehavior为了使其返回更像JS API，将其返回的对象调整与ScrollToOptions 更多内容请查看https://blog.csdn.net/kaylee1998/article/details/117064073

vue-router scrollBehavior无效的问题及解决方案意思是vue-router不在支持这个特性了. 解决方式：在路由遍历中使用js代码进行滚动条的顶部返回. 以上内容来源: http://www.cnblogs.com/DemoLee/p/6964959.html. 然而, 更多内容请查看https://www.cnblogs.com/dfyg-xiaoxiao/p/10337557.html

Vue Routerhttps://router.vuejs.org › › advanced › scroll-behavior.html滚动行为 | Vue Router2024年5月17日 · 你可以尝试一些基于 CSS 的解决方案，比如使用 scroll-margin 或 scroll-padding 添加偏移，或者使用 ::before 和 ::after 伪元素。然而，这些方法有时会导致意想不到的行为。更多内容请查看https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html

简书vue-router scrollBehavior无效问题 scrollBehavior (to, from, savedPosition) { // return 期望滚动到哪个的位置. scrollBehavior (to, from, savedPosition) { if (savedPosition) { return savedPosition. } else { 更多内容请查看https://www.jianshu.com/p/6250de179a13

vue-router scrollBehavior 不起作用的可能原因本文探讨了在Vue.js应用中，当使用keep-alive组件时，scrollBehavior可能失效的问题。 keep-alive缓存页面视图，导致scrollBehavior配置不生效。文章提供了解决方案：若更多内容请查看https://blog.csdn.net/qq_38267287/article/details/94444553

SegmentFault 思否vue-router scrollBehavior无效的问题打开A页面，向下滚动一定距离，进入B页面，此时若B页面高度较高，超出了浏览器高度，即有滚动条的情况下，后退回A，A是能保持滚动位置的，但若B页面没有滚动条，更多内容请查看https://segmentfault.com/q/1010000007408113

慕课网vue3.0升级后，scrollBehavior为什么无效了？问题解决了，vue3不支持scrollBehavior特性了。在main.js添加一个全局的路由钩子函数，可以搞定！更多内容请查看https://coding.imooc.com/learn/questiondetail/2vGBEXxZ8dlPNkaq.html

推荐资讯

栏目更新

栏目热门