el-menu折叠效果bug记录以及本地解决方案
问题最近在搭建一个新的项目,用了vue3和ElementPlus,在实现侧边栏的时候,发现边栏折叠之后,title文本无法消失,同时下拉箭头还会存在,一开始以为是我自己写错了,后来对照着官网看了好几次也没有什么问题解决后来在网上专门查了一下,发现也有遇到相同情况的同学(同样的问题),但是这个解决方案和我的还不一样,我使用了这个方案在我的代码中是没有作用的,于是我自己想到了其他的方式,如下:这里的e
·
问题
最近在搭建一个新的项目,用了vue3和ElementPlus,在实现侧边栏的时候,发现边栏折叠之后,title文本无法消失,同时下拉箭头还会存在,一开始以为是我自己写错了,后来对照着官网看了好几次也没有什么问题
解决
后来在网上专门查了一下,发现也有遇到相同情况的同学(同样的问题),但是这个解决方案和我的还不一样,我使用了这个方案在我的代码中是没有作用的,于是我自己想到了其他的方式,如下:
这里的el-menu-vertical是el-menu的类名,这样通过使用v-show,在折叠的时候直接隐藏span,并且css控制箭头样式,在默认情况下设置为隐藏,在没有折叠的情况下设置为不隐藏,问题就解决了
最后,这个问题我甚至想要去给官方提一个issue,但是发现还需要提供重现链接,就放弃了
更多推荐
已为社区贡献7条内容
所有评论(0)