elementUI菜单刷新界面选中与返回首页不选中问题

首先返回首页不选中问题，这个时候我们需要查看elementUI的版本

r

如果是低版本的，需要进行修改版本，重新运行npm install。

在这里2.9.2这个版本是支持$route监听的。

watch: {
  '$route'(to, from) {
    
  },
},

如果上面两步完成，返回首页，菜单不选中问题还没解决，那么恭喜你，你成功踩进了另一个坑里。

当我们对:default-active="activeIndex"进行改变选中值得时候，出现bug，那么此时有一个巧妙得方法，可以进行处理。通过$refs来处理。

第一步：

第二步：

此时菜单返回到首页，不选中问题就解决了。

下面处理界面刷新，选中当前路由的问题

 

最后分析一下为什么会想到使用this.$refs.menunRef.activeIndex这种方式来修改菜单选中的问题呢？

看到这两张图，思路就清晰了，通过路由来匹配。