element menu 遇见各种问题

问题一 ：刷新页面保存导航菜单状态，高亮问题

解决：保存到本地session storage

 menu 默认高亮 是由default-active控制的

这里我才用了vuex 个人原因，可用可不用，写到data里也行

 问题二：当导航栏中有需要跳转一个新窗口，本页面效果不变

 

 但是，保错，不行

 看element 官网

解决

当你选择，可以看到新增了 is- active 这个类，既然我们去不掉这个类，就把这个类的样式覆盖掉

 自己新建一个类动态增减

 

 当你有更好的方法，欢迎讨论

 问题三，菜单各种样式

这个比较简单，F12选择元素，看看究竟是什么类控制元素

把类完整复制下来，添加样式

如果不起效

1，在style scope外加一个style 2，加！important

问题四：不点击导航进行跳转，is-active绑定问题(后经过验证，不可以)推荐看问题二，写一个类覆盖掉

这是后加的，之前遇到这个问题，没找到好的解决方案，我用了其他类把样式覆盖掉了

过几天又搜了一下，无意间看到一个解决方案，element plus 官网上也没说这个属性，测试了下，可以用

逻辑是通过代码返回主页，但是导航条is-active还是绑定到item上的

 重点来了

 active 这个属性控制菜单选择项

我有好几个主页所以父组件监听子组件事件，获得is-active要绑定的选项，动态绑定