Vue3中使用element-plus菜单折叠后文字不消失

今天使用element-plus中国的导航菜单时,发现菜单栏折叠起来时文字不会自动消失,因为element-plus中内置了菜单折叠文字自动消失的,使用collapse=true/false即可,但在实际使用中出现了一下问题:

折叠以后文字并没有消失,查资料说是el-menu子标签中不能含有div,但是排查了后也没有使用div,最后发现是因为我的一级导航没有包裹到标签中,因为是直接使用了一个简易的非折叠导航栏,折叠是后边加上去的,所以忽略了这个问题。这一部分写在了标签外面。

使用span包裹一下就好了

相关推荐
LuckySusu2 分钟前
【js篇】addEventListener()方法的参数和使用
前端·javascript
该用户已不存在4 分钟前
6个值得收藏的.NET ORM 框架
前端·后端·.net
LuckySusu9 分钟前
【js篇】深入理解 JavaScript 原型与原型链
前端·javascript
文心快码BaiduComate12 分钟前
文心快码入选2025服贸会“数智影响力”先锋案例
前端·后端·程序员
云枫晖26 分钟前
手写Promise-构造函数
前端·javascript
文心快码BaiduComate27 分钟前
用Comate Zulu开发一款微信小程序
前端·后端·微信小程序
王王碎冰冰30 分钟前
基于 Vue3@3.5+跟Ant Design of Vue 的二次封装的 Form跟搜索Table
前端·vue.js
naice1 小时前
我对github的图片很不爽了,于是用AI写了一个图片预览插件
前端·javascript·git
天蓝色的鱼鱼2 小时前
Element UI 2.X 主题定制完整指南:解决官方工具失效的实战方案
前端·vue.js
RoyLin2 小时前
TypeScript设计模式:门面模式
前端·后端·typescript