公司使用若依框架vue3版本进行开发,在菜单管理中配置菜单,切换菜单时会出现页面空白的情况,配置的是A菜单,第一次点进去显示页面内容,切换到B或者其他页面查看内容,出现空白页面,在切换回A页面,同样空白,刷新后页面又恢复正常。
记录一下此问题,耗费了我好长时间。!
反复查看配置的菜单所需的条件是没有问题的,所以就想到是不是组件中有问题,查找到显示页面的AppMain.vue
,组件使用transition
加跳转动画,keep-alilve缓存,具体什么原因还不明确
网上查阅了资料,有些开发者也会遇到这个问题,我猜应该是他框架本身的问题。解决办法也是参考网上的。
解决办法:
1、在
keep-alive
外包裹了一层 div ,并加上key。
2、注释掉AppMain中的transition。
我是用的第一种办法。加上以后就没有跳转空白的问题了,暂时算解决了。
如果各位小伙伴有更好的解决办法,还请推荐!有知道具体原因的还请多多指教!学无止境!