el-menu子菜单点击就被激活,恢复之前的激活状态

html 复制代码
<el-menu
	ref="menu"
    mode="vertical"
   	text-color="#fff"
    background-color="#1f3b4a"
    :default-active="activeMenu"
    @select="handleClick"
    :collapse="isCollapse"
>

最近遇到的问题是:其中有一个子菜单1点击会打开新页面,但是菜单激活状态也变成了子菜单1,当前页面还是子菜单2的页面和路由,怎么恢复菜单激活状态为子菜单2??

javascript 复制代码
handleClick(index) {
	// 在打开新页面后加上代码
	// 恢复当前菜单激活状态
	setTimeout(() => {
			this.$refs.menu.updateActiveIndex(this.activeMenu)
			// 或者 this.$refs.menu.activeIndex = this.activeMenu;
	}, 200)
}

原因分析:default-active 只是菜单的默认激活项,点击菜单时,el-menu 会先更新自己的内部激活状态。

相关推荐
啾咪orJIUMI1 小时前
Vue 3 + 高德地图封装实战:点位、区域、Loca 流光与 Vue 信息窗体
前端·vue.js
FRing031 小时前
vue2干货总结8(路由模块封装、router-link、声明式导航、路由重定向、编程式导航)
开发语言·前端·vue.js·vue2
无懈可击2 小时前
Vue 可视化AI表单设计器 FcDesigner v3.6 版本发布,支持导出 SQL功能!
vue.js·开源·ai编程
徐小夕3 小时前
JitArchives,一款基于JitWord协同AI文档打造的企业级电子档案系统
前端·vue.js·github
vipxieliang3 小时前
JavaScript 迭代器与生成器:控制异步与惰性求值
前端·javascript
Hilaku3 小时前
Event Loop 这篇你看完就不用再看别的了!
前端·javascript·程序员
晓得迷路了4 小时前
栗子前端技术周刊第 153 期 - Vitest 5.1、Remix v3.2、Node.js 27 Alpha...
前端·javascript·vite
系统集成-鹰翔5 小时前
ERP单据已作废为什么商品仍不能删除,引用检查与软删除怎么查
javascript·经验分享·后端
头发还在的女程序员5 小时前
基于 Spring Boot + Vue 3 + uni-app 的灵活用工系统:四端架构与业务流程设计
vue.js·spring boot·uni-app·灵活用工·灵工系统
Penge6665 小时前
《Go 后端开发者学 React:Hook》
javascript