el-menu 取消当前选中状态

场景描述: 比如我们的home首页(父路由) 是一个 el-menu 的菜单栏。 同时,导航头部有一个反馈意见建议的按钮。 点击这个按钮的时候,希望左侧的菜单栏取消选中,并折叠。

如图: 点击1 的时候 , 2 取消选中,父菜单折叠。

菜单.jpg

因为该操作都是在home页面中处理的,所以不涉及到跨页面数据传递的问题,如果有需要处理成全局的,请使用vuex 进行配置。

<el-menu ref="elMenu">
当我们当即1按钮时, 打印 this.$refs.elMenu 可以看到如下的数据

1576464541834.jpg

废话不多说,直接上代码:
// 折叠当前展开的菜单栏。

 this.$refs.elMenu.closeMenu(this.$refs.elMenu.openedMenus[0])

// 取消菜单栏的当前选中状态。

 this.$refs.elMenu.activeIndex = null
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。