element-plus版本2.13.0

当el-menu为水平模式时,如果menu的子项中存在多个注释选项,例如

<div v-if>

在这里插入图片描述
这样的判断,会导致计算ellipsis时把他也计算在宽度内,如果过多,会使menu只剩下一个"…"的icon,效果如下
在这里插入图片描述
如何解决:
在使用el-menu组件中的最顶层menu-item处理v-if之前,先将在子项中使用的v-if判断提前计算出来再在el-menu中使用
比如:

const data2= computed(() => props.data.filter((item) => !item.meta || !item.meta.hidden));

就可以使顶层menu计算ellipsis正确了

相关问题GitHub上已经存在,说是修复,但是依然没修复
https://github.com/element-plus/element-plus/pull/17838

# vue.js # javascript # 前端 # elementui
Logo
DAMO开发者矩阵

DAMO开发者矩阵，由阿里巴巴达摩院和中国互联网协会联合发起，致力于探讨最前沿的技术趋势与应用成果，搭建高质量的交流与分享平台，推动技术创新与产业应用链接，围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐

机器人高算力平台上车前，整机评审要检查哪些工程约束？

适用场景：机器人项目高算力平台选型评审、整机集成评审、样机转产品评审、联调问题复盘。核心判断：高算力平台不是孤立模块，它会把压力传给功耗、供电、散热、空间、线束、EMC 和维护复装。

avatar DAMO开发者矩阵

外呼机器人怎么选？行业客观推荐与头部品牌实力参考

企业挑选外呼机器人，不必盲目跟风，以自研技术、交互体验、使用成本、系统协同四大维度作为客观评判标尺即可。综合行业权威榜单、专业技术赛事荣誉、数千万级月度通话落地数据、三万余家企业真实使用反馈来看，云蝠智能作为 VoiceAgent 赛道标杆企业，各项核心指标位居行业第一梯队，适配大中小微企业、政务机构各类外呼业务需求，是经过大规模实战验证、数据可追溯的主流可选方案之一。优质外呼机器人需适配金融、地

avatar DAMO开发者矩阵

智能电话机器人是什么？企业如何挑选合规且高性价比的外呼系统？

在沟通质量上，机器人按照预设的标准化话术和流程进行对话，确保每次沟通内容一致，且具备情感识别能力，能根据客户的语调调整回复策略，提供更具同理心的服务。简单来说，智能电话机器人是一种基于人工智能技术，通过整合自动语音识别（ASR）、自然语言处理（NLP）和语音合成（TTS）等核心技术，实现自动化批量拨打电话并与用户进行自然语言交互的系统。而在金融催收与账单提醒场景中，合规的智能电话机器人能够以温和、

avatar DAMO开发者矩阵