el-menu default-active默认选中后切换菜单后不会取消高亮

使用el-menu遇到的坑

标签的写法,sidebar-item是一个子组件,遍历菜单详细信息的

		
			
		

sidebar-item 页面:


问题出现的地方是这里:这个index是菜单的key,一定不能是空,或者只是父级路由地址,比如:/topMenu
而children路由里的 path设为“”,设为空的目的是进来主菜单后,默认跳转到path: “”的页面上,这就导致了,这个菜单会一直高亮,不管选中其它任何菜单都不会改变这个菜单的高亮属性

解决办法

修改子菜单路由地址,不要设为空“”

你可能感兴趣的:(vue学习记录)