elmentui 点击二级菜单，刷新后依然高亮

最新推荐文章于 2024-04-12 14:19:14 发布

thingir

最新推荐文章于 2024-04-12 14:19:14 发布

阅读量285

点赞数 1

分类专栏： elementUI vue 文章标签： elementui

本文链接：https://blog.csdn.net/thingir/article/details/118860531

版权

vue 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

elementUI

8 篇文章 0 订阅

订阅专栏

原理：
1）使用:default-active='activePath ' 绑定属性activePath
2）点击时，使用select事件把当前path放进sessionStorage里，
3）刷新时，从sessionStorage里再获取回来，赋值给activePath

<el-menu  background-color="#222832" text-color="#fff" :router="true" :default-active='activePath ' @select="saveActivePath">
    <sidebar-item :menuList="menuItems"></sidebar-item>
 </el-menu>


data(){
      return {
        activePath:''
      }
    },
    created(){
      this.activePath = window.sessionStorage.getItem('activePath')
    },
    methods:{
      saveActivePath(activePath,v){
        console.log(activePath,v);
        window.sessionStorage.setItem('activePath',activePath);
        this.activePath = activePath;
      }
    }