vue3使用element-plus手动更改url后is-active和菜单的focus颜色不同步问题

在实习，给了个需求做个新的ui界面，遇到了一个非常烦人的问题

如下，手动修改url时，is-active和focus颜色不同步

虽然可以直接让el-menu-item:focus为白色能解决这个问题，但是我就是想要有颜色哈哈哈，有些执着

研究了很久之后找到了解决办法

首先，先给menu-item设置一个v-bind:class方法，来动态改变颜色

接着将is-active的activeIndex值和传过来的path判断，判断它们是否相等，如果相等就给focus

不相等就清除掉focus颜色

记得要加!important，否则是不生效的！