el-dropdown引发的问题

最近项目中总是遇到一个报错

这个问题会导致项目中所有弹出菜单打开时都会报这个错误
经查,导致这个问题产生的原因是
element-uiel-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,重新设置样式,否则需要自己去写逻辑解决

posted @   我喝牛奶不舔盖  阅读(616)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
· 提示词工程——AI应用必不可少的技术
I hear and I forget. I see and I remember. I do and I understand
点击右上角即可分享
微信分享提示