el-dropdown在弹窗里面显示,无法显示下拉框

VUE从element官网复制的下拉菜单的代码

<el-dropdown>
  <el-button type="primary">
    下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
  </el-button>
  <template #dropdown>
  <el-dropdown-menu>
    <el-dropdown-item>黄金糕</el-dropdown-item>
    <el-dropdown-item>狮子头</el-dropdown-item>
    <el-dropdown-item>螺蛳粉</el-dropdown-item>
    <el-dropdown-item>双皮奶</el-dropdown-item>
    <el-dropdown-item>蚵仔煎</el-dropdown-item>
  </el-dropdown-menu>
  </template>
</el-dropdown>

界面点击 下拉菜单 按钮没有列表出现,不知道为什么?

首先,检查你的vue项目版本,如果是vue2,将#替换成slot="",如果是vue3,则使用#
其次,查看下拉菜单元素的层级,是否被覆盖,如果是,设置z-index足够高

引入elementui了嘛

题主解决了吗,我也遇到这个问题了

下拉框的样式层级不够 被弹出框覆盖
.el-dropdown-menu {
z-index: 3000 !important;
}
添加这条语句即可