1. 项目开发中,常常需要顶部导航以及侧边导航菜单的配合使用,如图。选择顶部菜单后自动在侧边展现该菜单下的子菜单
    在这里插入图片描述
    但是开发经验不足的时候,会发现当在该页面点击浏览器的刷新按钮时,会出现侧边菜单未配置以及该页面的菜单选中状态丢失,如图
    在这里插入图片描述
    解决方法:
    ① 在侧边栏layout 的mouted 中,添加对侧边菜单栏的数据加载配置
    在这里插入图片描述
    ② 添加 :default-active="$route.path" 路由导航配置;

原因:
① 活跃菜单选中刷新后丢失的问题
在这里插入图片描述
乍一看没啥毛病,我还纠结了半天,我添加了**:default-active="$route.path"**结果当前菜单的选中状态刷新后还是丢失了,结果定眼一看,WTF
在这里插入图片描述
这里的default 写成了 dafault ,简直了和我之前中英文标点符号写错有得一拼;所以以后写代码还是得细心一点,不能找问题能找得怀疑人生

PS:
程序员三大噩梦:
为什么这个代码运行不了?
为什么这个代码能运行?
为什么同样的代码我运行不了?

Logo

前往低代码交流专区

更多推荐