码迷,mamicode.com
首页 > 其他好文 > 详细

vue+elemet ui在导航栏选中的情况下去点击其他路由链接,此时导航栏应该是未选中状态,应该怎样设置?

时间:2021-07-22 17:42:50      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:route   pre   vue   active   pat   地址   逻辑   情况   其他   

问题描述

在Menu导航栏中选中菜单栏,在刷新页面后,菜单仍然是选中状态

技术图片

  • 菜单的index值为路由导航地址,通过sessionStorage将当前选中的地址保存起来,实现效果。
setSelectPath(path){
        window.sessionStorage.setItem(‘selectPath‘,path)
        this.selectPath=path
    }
  • menu的default-active值如下

技术图片

  • 缓存中的数据:

技术图片

  • 但是当选中页面中的“首页”路由链接时,菜单仍为选中状态,不符合逻辑

技术图片

解决方式

  • 将menu的前激活菜单值设置为:default-active="$route.path"就可以了,不用sessionStorage存储了!!
  • 实现效果

技术图片

vue+elemet ui在导航栏选中的情况下去点击其他路由链接,此时导航栏应该是未选中状态,应该怎样设置?

标签:route   pre   vue   active   pat   地址   逻辑   情况   其他   

原文地址:https://www.cnblogs.com/xu0428/p/15043526.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有
迷上了代码!