【Vue项目篇】浏览器刷新导航菜单选中消失以及动态菜单配置问题
项目开发中,常常需要顶部导航以及侧边导航菜单的配合使用,如图。选择顶部菜单后自动在侧边展现该菜单下的子菜单但是开发经验不足的时候,会发现当在该页面点击浏览器的刷新按钮时,会出现侧边菜单未配置以及该页面的菜单选中状态丢失,如图原因:...
·
- 项目开发中,常常需要顶部导航以及侧边导航菜单的配合使用,如图。选择顶部菜单后自动在侧边展现该菜单下的子菜单
但是开发经验不足的时候,会发现当在该页面点击浏览器的刷新按钮时,会出现侧边菜单未配置以及该页面的菜单选中状态丢失,如图
解决方法:
① 在侧边栏layout 的mouted 中,添加对侧边菜单栏的数据加载配置
② 添加 :default-active="$route.path" 路由导航配置;
原因:
① 活跃菜单选中刷新后丢失的问题
乍一看没啥毛病,我还纠结了半天,我添加了**:default-active="$route.path"**结果当前菜单的选中状态刷新后还是丢失了,结果定眼一看,WTF
这里的default 写成了 dafault ,简直了和我之前中英文标点符号写错有得一拼;所以以后写代码还是得细心一点,不能找问题能找得怀疑人生
PS:
程序员三大噩梦:
为什么这个代码运行不了?
为什么这个代码能运行?
为什么同样的代码我运行不了?
更多推荐
已为社区贡献1条内容
所有评论(0)