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

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

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

使用span包裹一下就好了

相关推荐
不一样的少年_2 分钟前
PNG/JPG 如何变成 WebP?真相不是改后缀!
前端·后端·图片资源
杉氧12 分钟前
RN 性能调优指南:重渲染(Re-renders)控制与长列表(FlatList)优化
android·前端·react native
一_个前端14 分钟前
[JS] 一站式搞定 PDF、图片、Dom弹窗、表格的浏览器打印功能
前端
JavaGuide18 分钟前
阿里 Qoder 又开源了一个专门给 Claude Code、Codex 做“体检”的项目
前端·后端
不一样的少年_19 分钟前
JPEG 压缩到底在干嘛?小白也能看懂的 8 步拆解
前端·后端·图片资源
三小河31 分钟前
RAG、LLM Wiki、本体(Ontology)到底是个啥?
前端·人工智能·后端
Bs_MoneyMagnet39 分钟前
基于springboot+vue的爱心众筹系统的设计与实现 源码+文档
java·vue.js·spring boot·后端·spring·管理系统
大模型码小白1 小时前
数据可视化:AI 生成 HTML5 动态交互式数据图表
前端·数据库·人工智能·深度学习·机器学习·信息可视化·html5
八荒启·交互动画1 小时前
Web特效01—什么是渲染
前端·javascript·网页特效·八荒启-交互动画
小肥君1 小时前
前端测试websocket
前端·websocket·状态模式