因为效果实在是太快了,没办法截图【】,只能直接说了
这篇文章的目的主要是去除左侧菜单展开时 出现的这条白线
经过研究,发现在 el-menu 里面添加 :collapse-transition="false" 这一句代码就可以了,collapse-transition的存在是为了让折叠不卡顿。设置为false即不开启折叠动画,默认情况下是true。
具体代码添加的位置如下:
<el-menu background-color="#333744" text-color="#fff"
active-text-color="#1495E7" unique-opened :collapse="isCollapse" :collapse-transition="false">
提醒:添加属性,并进行动态绑定即:,如果没有:则不识别哦!