900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > vue页面跳转之后滚动条消失的解决方法

vue页面跳转之后滚动条消失的解决方法

时间:2019-07-22 19:52:11

相关推荐

vue页面跳转之后滚动条消失的解决方法

最近做vue项目的时候碰到了一个bug,页面跳转之后滚动条消失了,但是刷新之后滚动条会再次出现。一开始我以为是路由的问题,寻思着跳转之后是不是应该再刷新一下,但是试了试好像并不是路由的问题。

然后检查样式的时候发现body被写入了一个新的行内样式

于是去百度查找,找到了问题的原因和解决问题的方法,参考Vue+Elementui 项目滚动条消失问题 - 掘金 ()

问题原因

问题在于elementUI的el-image里调用了这个函数

解决方法

在bady里加入overflow:auto !important

style="overflow:auto !important"

或者利用后置路由守卫改变body样式,在路由的index.js文件里添加如下代码

router.afterEach((to, from, next) => {document.querySelector("body").setAttribute("style", "overflow: auto !important;")})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。