element-plus中导航高亮不自动刷新问题

Posted 苦海123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-plus中导航高亮不自动刷新问题相关的知识,希望对你有一定的参考价值。

解决使用element-plus el-submenu时页面被this.$router.push(“xxx”)跳转后,导航菜单高亮不能自动刷新问题,需要注意以下几点:

  1. 在el-menu加上router
  2. index必须绑定路由的path,参考上面的例子,'/'不能少
  3. default-active设为当前路由(this.$route.path),这样在路由变化的时候,对应的menu-item才会高亮,如:

    提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者删除。
    笔者:苦海

以上是关于element-plus中导航高亮不自动刷新问题的主要内容,如果未能解决你的问题,请参考以下文章

页面刷新跳转后,导航栏高亮显示跳转前的点击位置

页面刷新-导航高亮不变

elementUI的导航栏在刷新页面的时候选中状态消失的解决

Vue Element 导航子路由不选中问题

vue 导航栏状态即时更新

Vue实现左右滑动内容区控制导航tab同时切换高亮