el-dropdown引发的问题
最近项目中总是遇到一个报错
这个问题会导致项目中所有弹出菜单打开时都会报这个错误
经查,导致这个问题产生的原因是
element-ui
中el-dropdown
下需要至少一个el-dropdown-menu
元素,如果没有,就会引发该错误
<el-dropdown class="avue-tags__menu">
<el-button class="classFirst" @click.native="closeAllTags">返回首页
</el-button>
</el-dropdown>
解决方案,添加一个空的el-dropdown-menu
并设置为不可见display:none;
<el-dropdown class="avue-tags__menu">
<el-button class="classFirst" @click.native="closeAllTags">返回首页
</el-button>
<el-dropdown-menu slot="dropdown"></el-dropdown-menu>
</el-dropdown>
但会导致有下拉菜单的小箭头
由于,el-dropdown
下拉内容是直接添加在页面的body中的
所以最好解决方式是:直接拿出里面内容el-button
,重新设置样式,否则需要自己去写逻辑解决
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
· 提示词工程——AI应用必不可少的技术