Vue3使用element plus时el-menu导航选中后刷新页面及修改URL无法保持当前选中状态问题
问题1:
在使用element plus的el-menu菜单导航时，发现选中后刷新高亮部分无法保持当前选择状态
解决方法:
因为刷新页面后el-menu的:default-active="activeIndex"被刷新，无法记录所以导致高亮部分无法保持选择状态
所以为了保持下来这个值，我们可以用localStorage或者sessionStorage来持久化储存当前选择的菜单项
然后在onMouted 或者 created构造获取一次即可 （注意 vue3的语法糖setup）
问题2:
修改URL也是无法保持选择状态
解决方法:
我用了页面监听 watch，当监听到route.path改变时，activeIndex改变