若依切换菜单路由跳转成功，没有调接口页面空白，刷新后正常

最新推荐文章于 2024-04-25 11:00:59 发布
最新推荐文章于 2024-04-25 11:00:59 发布
阅读量2.1k 收藏 10
点赞数 12
文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tt1234561009/article/details/132315800
版权

        前端项目若依版本号是 RuoYi-Vue-Plus v5.1.0，在开发过程中有时会出现切换菜单或者tab，页面空白的情况，刷新页面后又恢复正常了。多次复现出现这种情况一般是在页面停留了几分钟再操作，偶尔也会莫名奇妙的出现，具体什么原因还不明确 

 控制台也没报错，Network中也没看到网络请求

        在网上找了些资料，看到部分开发者也遇到过这个问题，应该是框架本身的bug，可能是由于在AppMain中用了transition，组件内又使用了transition导致的

解决办法就是注释掉AppMain中的transition

删除后就没有再遇到跳转空白的情况了，虽然没有路由过渡动画了，但是保证系统正常使用才是最重要的。有遇到这种情况的小伙伴可能试试这个方法~

这世界很喧嚣，做你自己就好

南半球与北海道#
关注
  • 12
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
11.12 Ext JS 的Uncaught (in promise) Error: Cannot load package问题和解决分析
oscar999的专栏
03-21 378
动态模块第一次无法加载，浏览器端报 `Uncaught (in promise) Error: Cannot load package`，但是刷新之后正常。
若依框架VUE前端界面，登录后默认跳转至动态路由第一路由（第一个子菜单）
02-03
若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态...
RuoYi点击菜单出现空白页面，无报错
qq_46258819的博客
02-22 708
最近在使用若依框架(vue3版本)进行开发的过程中有时会出现切换菜单或者tab，页面空白的情况，刷新页面后又恢复正常。出现这种情况一般是在页面停留了几分钟再操作或者短时间多次跳转来回切换页面等。通过在网上搜寻资料发现问题是出现在如下图所示的组件中：该组件使用transition加跳转动画，keep-alive用作缓存，可能是由于在AppMain中用了transition，组件内又使用了transition才导致了这个问题。
自定义若依(前后端分离)管理系统页面路由跳转
最新发布
weixin_68333400的博客
04-25 652
通过搭建路由实现页面自定义跳转
若依页面跳转，每次都刷新creatd,mounted函数
m0_61601708的博客
10-18 858
【代码】若依页面跳转，每次都刷新creatd,mounted函数。
vue如何跳转到当前路由，并刷新页面
qq_66426696的博客
09-15 1210
vue如何跳转到当前路由，并刷新页面
记一次若依框架建新管理页面的NavMenu菜单，实现动态加载菜单，页面内跳转（重写一个若依框架的管理页面）
weixin_67890352的博客
08-09 1513
用户后台需要重新设计页面样式,不能直接使用若依的样式。 动态加载菜单使用若依提供的sidebar-item组件实现。 修改路由配置,添加一个通用的路由组件。 修改后端构建菜单的代码,调整生成的路由组件,不直接使用layout组件。 在权限管理的代码中添加判断,如果是用户后台就使用自定义的组件,不是用户后台还是使用layout组件。 通过以上步骤实现用户后台使用自定义样式和布局,不被若依默认的样式影响。
若依前端，菜单栏切换时刷新问题[页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空]...
darling331的博客
07-07 2876
前端页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空 这样切换时，页面就刷新了，解决方法在这里 1，页面代码，这里指定name name: "Item", 注意 name的首字母必须大写 2，页面代码，这里指定id id="item" 注意，id的首字母必须小写 3，页面配置，这里的路由地址必须配置和name一致 Item 重新清除缓存后，再次进入，发现页面就不会重新加载了 ...
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
10-14
在Vue.js应用中，特别是在结合Ant Design Vue进行前端开发时，我们常常会遇到需要在用户刷新页面后保持...通过这种方式，我们可以创建一个更加用户友好的应用，即使在页面刷新后也能保持用户的导航状态，提高用户体验。
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
10-18
今天小编就为大家分享一篇解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue相同路由跳转强制刷新该路由组件操作
10-14
在Vue.js应用中，路由是页面之间导航的关键。然而，有时开发者可能会遇到一种情况，即在同一个路由下，需要在用户再次点击菜单时强制刷新组件，以确保组件的状态被重置。Vue Router，Vue.js的官方路由管理器，提供了...
Vue下路由History模式打包后页面空白的解决方法
08-27
History 模式可以解决这些问题，但是新手往往会碰到 History 模式打包后页面空白的情况，这个问题是因为 Vue 官方没有正确地配置路由的 base 参数所导致的。 解决方法是，在 vue-router 的配置中添加 base 参数，...
解决：RuoYi点击菜单出现空白页面，无报错
zh94264的博客
01-24 1804
前端使用若依框架(vue3版本)，在开发过程中有时会出现切换菜单或者tab，页面空白的情况，刷新页面后又恢复正常。出现这种情况一般是在页面停留了几分钟再操作或者短时间多次跳转，偶尔也会莫名奇妙的出现，但就因为同时使用了transition和keep-alive，并在组件内又使用了transition导致的(原理还不了解，可能是缓存了动画的原因，知道的大佬可以解答下)网上看到部分开发者也遇到过这个问题，应该是框架本身的bug，找寻之后发现在。目前本人只了解到以上两种解决方案。
若依v3.2问题解决：菜单路由不匹配 / 跳转路由页面空白
喜大普奔
07-06 2432
结果测试发现是router-view下的＜transition/＞标签添加“out-in“,导航到其他画面为空白。菜单路由不匹配 ，在菜单管理中匹配代码中的相应组件，可是在页面上总是报匹配错误，下面是报错情况和相关数据库。因为店铺管理是一个目录，而店铺详情和店铺列表是菜单，路由规则中目录要有一个菜单匹配，也就是path也相同。若依用router跳转路由时，页面白屏，，虽然比之前少了点效果，但bug解决了。
解决若依Vue3前后端分离添加动态路由切换菜单页面不显示(空白页面)问题
m0_72837519的博客
07-27 4143
在/layout/components/AppMain.vue找到AppMain.vue文件,添加以下代码即可。今天在做公司新项目时遇到一个问题,在使用若依vue3版本时遇到了添加动态路由页面有时候不显示的问题,在这里添加后,刷新页面也没有显示。最终发现是因为需要给router-view加一个key标志。
vue项目切换页面白屏不显示解决方案
m0_64590669的博客
09-19 867
vue项目切换页面白屏不显示解决方案
tab切换不刷新
Asanxina的博客
05-10 357
四个网页 共用一个详情页 （页面通过showtable进行v-if切换） 通过父传子 传值进行 判断区别 打开详情页面 切换页面事 还是处在详情页中 watch: { $route(to) { if (this.$route.name == ' ') { this.showTable = false } } }, 判断跳转的路径 将showtable设置为false （...
前端Vue页面跳转后不显示问题
XH_Learner的博客
02-18 2514
前端Vue页面跳转后不显示问题 1、index.js里面的代码 2、点击页面的代码 这样写完后发现页面跳转了，但是跳转页面没有显示 3、解决问题 这个一定要添加，我已经忘记好几次了
Ruoyi 若依项目模板创建多级菜单加载失败问题处理以及路由懒加载失败时将组件更换为notfound
JCM_ZZ的博客
05-23 2495
Ruoyi 若依项目模板创建多级菜单加载失败问题处理以及路由懒加载失败时将组件更换为notfound /* 遍历后台传来的路由字符串，转换为组件对象 */ function filterAsyncRouter(asyncRouterMap, isRewrite = false/* 是否重写服务端数据结构 */) { return asyncRouterMap.filter(route => { if (isRewrite && route.children) {
vue路由跳转后不刷新页面
07-22
你可以使用 Vue Router 的 `push` 方法进行路由跳转，它不会刷新页面。这是因为 Vue Router 使用了前端路由的方式进行页面切换，不需要重新加载整个页面。 例如，在你的 Vue 组件中可以这样使用： ```javascript this.$router.push('/your-route-path'); ``` 这将导航到指定的路由路径，而不会刷新页面。 另外，如果你想要在同一个路由下切换不同的组件而不刷新页面，你可以使用 `<router-view>` 组件来实现动态组件渲染。在路由配置中，给每个路由配置一个对应的组件，然后在父组件中使用 `<router-view>` 来显示当前路由所对应的组件。 希望能帮到你！如果你有任何其他问题，请随时问我。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值