element-ui的el-menu路由模式下选中无颜色

1,el-menu跳转时如果按照以下写法无疑看起来感觉很鸡肋,而且index这个属性感觉并没有任何作用

2,在el-menu标签中直接开启router模式( :router="true" ),就会以  index 中的参数,作为路径直接跳转。在开启router模式之后,点击跳转都没有问题,但是貌似被激活的路由,并没有加载选中的颜色。

这时候是因为 default-active 中的参数没有值没有发生变化,并没有指向当前路由。所以理论上来说菜单栏其实是并没有被激活的。只是router被触发了,直接加载了跳转路径,进行跳转。所以需要把default-active的参数值变成动态的当前路由值,:default-active="this.$route.path"。这样加载的时候就会有颜色效果了。

 

 

你可能感兴趣的:(前端,Vue,Element,element,el-menu)