本文主要是介绍vue左侧菜单栏收起再展开时右边有一条转瞬即逝的白线,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
因为效果实在是太快了,没办法截图【】,只能直接说了
这篇文章的目的主要是去除左侧菜单展开时 出现的这条白线
经过研究,发现在 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">
提醒:添加属性,并进行动态绑定即:,如果没有:则不识别哦!
这篇关于vue左侧菜单栏收起再展开时右边有一条转瞬即逝的白线的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!