在实习,给了个需求做个新的ui界面,遇到了一个非常烦人的问题
如下,手动修改url时,is-active和focus颜色不同步
虽然可以直接让el-menu-item:focus为白色能解决这个问题,但是我就是想要有颜色哈哈哈,有些执着
研究了很久之后找到了解决办法
首先,先给menu-item设置一个v-bind:class方法,来动态改变颜色
接着将is-active的activeIndex值和传过来的path判断,判断它们是否相等,如果相等就给focus
不相等就清除掉focus颜色
记得要加!important,否则是不生效的!