记录:Ruoyi在菜单管理中配置菜单出现空白页面,控制台无报错

公司使用若依框架vue3版本进行开发,在菜单管理中配置菜单,切换菜单时会出现页面空白的情况,配置的是A菜单,第一次点进去显示页面内容,切换到B或者其他页面查看内容,出现空白页面,在切换回A页面,同样空白,刷新后页面又恢复正常。

记录一下此问题,耗费了我好长时间。!

反复查看配置的菜单所需的条件是没有问题的,所以就想到是不是组件中有问题,查找到显示页面的AppMain.vue,组件使用transition加跳转动画,keep-alilve缓存,具体什么原因还不明确
在这里插入图片描述
网上查阅了资料,有些开发者也会遇到这个问题,我猜应该是他框架本身的问题。解决办法也是参考网上的。

解决办法:

1、在keep-alive外包裹了一层 div ,并加上key。
2、注释掉AppMain中的transition。

我是用的第一种办法。加上以后就没有跳转空白的问题了,暂时算解决了。

在这里插入图片描述

如果各位小伙伴有更好的解决办法,还请推荐!有知道具体原因的还请多多指教!学无止境!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值