Element Ruoyi 若依跳转后没有滚动条

Vue、Element、Ruoyi 若依跳转后页面没有滚动条的解决办法。页面/路由跳转后，body 的内联样式变成 overflow:hidden。

乾坤鸟

832人浏览 · 2023-01-09 12:03:45

乾坤鸟 · 2023-01-09 12:03:45 发布

Vue、Element、Ruoyi 若依跳转后页面没有滚动条的解决办法。
页面/路由跳转后，body 的内联样式变成 overflow:hidden

在src/main.js中增加一下代码

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

在这里插入图片描述

求关注~~~

点关注不迷路，喜欢的朋友们关注支持一下
给点继续写的动力，感谢！！

欢迎使用若依开源

快速构建 Web 应用程序

更多推荐

eclipse安装若依框架

1、首先下载maven，下载地址为：http://maven.apache.org/download.cgi，然后选择apache-maven-3.6.0-bin.tar.gz，如下图所示：2、然后新建一个maven目录，如下图所示：3、将下载的maven包解压到该目录中，（注意此时maven的位置，与压缩包的位置相同）如下图所示：4、配置环境变量，新建一个MAVEN_HOME，值为：D:\...

RuoYi 若依

开源框架若依实战Demo学习笔记

若依是个不错的框架，下面是我用他写的一个简单demo，以后会在此基础上进行进一步的开发，下面是整合的过程。我在整合的过程中可谓是一波三折，大家如果不想走弯路，那么这篇文章将对你很有帮助。首先，项目代码地址写列出来，方便大家下载使用，这是整理后的代码https://gitee.com/schjava/heros_separ.git启动项目访问localhost（默认80端口）配置测试用户先创建角色为