本文探讨了在Vue应用中遇到的scrollBehavior配置无效的问题。通过在watch中监听$route变化，并使用$refs来手动设置页面滚动位置为顶部，成功实现了页面切换时的滚动行为控制。同时展示了相关代码片段，包括在路由出口外包裹的section元素添加ref属性。
//设置scrollBehavior无效
scrollBehavior: (to, from, savedPosition) => ({
x: 0,
y: 0
})
//包裹路由出口的盒子加ref
<section class="sectionBox" ref="app">
<div class="bread-crumb" v-html="crumbsValue"></div>
<router-view />
</section>
watch: {
$route(to, from) {
let main = this.$refs.app;
main.scrollTo(0, 0);
},
},
2854
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
