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;
}
添加这条语句即可