为了能到远|

李云蹊

园龄:2年11个月粉丝:33关注:5

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

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

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

src/main.js:

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

 

 

本文作者:liyunxi

本文链接:https://www.cnblogs.com/liyunxi/p/17127145.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   李云蹊  阅读(516)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起