若依v3.2问题解决:菜单路由不匹配 / 跳转路由页面空白

文章主要讨论了Vue应用中遇到的两个问题:1)菜单路由不匹配,原因是店铺管理作为目录,需要有同名的菜单进行匹配。2)使用router跳转导致页面白屏,解决方案是修改transition的mode属性,从out-in更改为type=animation来修复问题。
摘要由CSDN通过智能技术生成

问题1

菜单路由不匹配 ,在菜单管理中匹配代码中的相应组件,可是在页面上总是报匹配错误,下面是报错情况和相关数据库
在这里插入图片描述在这里插入图片描述

解决方法

在这里插入图片描述

因为店铺管理是一个目录,而店铺详情和店铺列表是菜单,路由规则中目录要有一个菜单匹配,也就是path也相同

问题2

若依用router跳转路由时,页面白屏,
在这里插入图片描述
在这里插入图片描述

解决方法

注意vue的内置的 transition api,这有个 mode:"out-in",结果测试发现是router-view下的<transition/>标签添加“out-in“,导航到其他画面为空白
在这里插入图片描述
解决:把 mode:"out-in" 换成 type="animation" ,虽然比之前少了点效果,但bug解决了
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

柳晓黑胡椒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值