vue【解决方案】页面/路由跳转后,滚动条消失,页面无法滚动

2023-06-20,,

原因解析: vue项目中,页面/路由跳转后,body 的内联样式变成 overflow:hidden

解决方案: 使用路由守卫,在页面/路由跳转后,将body 的overflow设置为auto

src/main.js:

// 解决bug:页面/路由跳转后,滚动条消失,页面无法滚动
router.afterEach((to, from, next) => {
document.querySelector("body").setAttribute("style", "overflow: auto !important;")
});

vue【解决方案】页面/路由跳转后,滚动条消失,页面无法滚动的相关教程结束。

《vue【解决方案】页面/路由跳转后,滚动条消失,页面无法滚动.doc》

下载本文的Word格式文档,以方便收藏与打印。