解决el-select因为弹出层层级问题,不展示下拉选

弹窗里面加了下拉框,但是展示不出来,

解决方法

<el-select v-model="queryParams.name" placeholder="请选择名称" clearable filterable="" size="small"

style="width: 160px" @change="$forceUpdate()" popper-class="select-down-open">

添加popper-class="select-down-open"

.select-down-open {

z-index: 3199 !important;

}

这个样式一定不能写到scoped里面,不然会失效

相关推荐
Account_Ray3 小时前
vue3 的专属二维码组件 vue3-next-qrcode 迎来 4.0.0 版本
前端·vue.js·nuxt.js
帧栈4 小时前
开发避坑指南(70):Vue3 Http请求头携带token下载pdf文件解决方案
前端·vue.js
U***e635 小时前
JavaScript数据分析
开发语言·javascript·数据分析
q_19132846955 小时前
基于SpringBoot2+Vue2的宠物健康医疗论坛系统
vue.js·spring boot·mysql·健康医疗·宠物·计算机毕业设计
Mintopia6 小时前
🌐 多用户并发请求下的 WebAIGC 服务稳定性技术保障
javascript·人工智能·自动化运维
一 乐7 小时前
健身达人小程序|基于java+vue健身达人小程序的系统设计与实现(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·小程序
行云流水62612 小时前
uniapp pinia实现数据持久化插件
前端·javascript·uni-app
zhangyao94033012 小时前
uniapp动态修改 顶部导航栏标题和右侧按钮权限显示隐藏
前端·javascript·uni-app
aiguangyuan14 小时前
React 中什么是可中断更新?
javascript·react·前端开发