element-ui导航菜单使用vue-router刷新后高亮显示不一致完美解决办法

问题1：刷新后，默认高亮显示为当前的第一个索引值

 

产生原因：   :default-active="activeIndex"

解决办法：将:default-active="activeIndex"  替换成   :default-active="$route.path"

---

问题2：改完 :default-active="$route.path"  后发现高亮不显示，需要双击对应的路径才高亮显示

产生原因：  :default-active="$route.path"  中的 $route.path 与 <el-menu-item> 标签中 index属性值不同

解决办法： 将 <el-menu-item> 标签中 index 属性的值改成对应的路由值

 

解决。。。