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

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

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

使用span包裹一下就好了

相关推荐
大大杰哥7 分钟前
Vue2学习(3)--组件中的通信方式/组件之间的交互
java·前端·javascript
阿猫的故乡8 分钟前
Vue3自定义插件:封装一个全局消息提示插件,所有组件都能直接用
前端·javascript·vue.js
用户831348593069811 分钟前
Cesium实现实时联动鹰眼缩略图
vue.js·cesium
橘子星13 分钟前
树与二叉树:从概念到 JavaScript 实现
前端·javascript·面试
小小高不懂写代码13 分钟前
Transformer与注意力机制
前端·人工智能
AiClaw13 分钟前
AIClaw 的 Skills 机制:先注入索引,再按需读取完整说明
前端
YHHLAI14 分钟前
HTML5 Canvas 从入门到实战:画布绘图 · 帧动画 · 小游戏 · 数据可视化
前端·信息可视化·html5
前端 贾公子16 分钟前
npx skills:AI Agent Skill 的 npm,50+ 工具统一的 Skill 管理工具
前端
触底反弹18 分钟前
面试官问"Ajax原理",我从XHR讲到async/await,他直接懵了!
前端·面试·架构
Chelsea052220 分钟前
PC浏览器在线调试 Android 浏览器教程-chrome://inspect/#devices
android·前端·chrome