vue保持侧边栏激活状态

使用<el-menu></el-menu>标签时,想要保持侧边栏的激活状态,使用@select方法获取当前选中路径,存储到sessionStorage中,创建页面时获取即可

<el-menu :default-active="activePath"  router unique-opened @open="handleOpen" @select="handleSelect">

    ......

</el-menu>

data() {

    return {

        activePath:''

     }

}

methods:{

    handleSelect(index) {

        window.sessionStorage.setItem('activePath', index);

    },

}

created() {

    this.activePath = window.sessionStorage.getItem('activePath');

},

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容