element中el-secect下拉框乱飞不在自己位置上
使用element写后台的时候,经常遇到要写下拉框,有时候需要连续好几个弹框,就会导致下拉框内容乱飞
为此亲测以下方法可以修改这个问题
1 2 3 | <el- select v-model= "subject" placeholder= "请选择专业" :popper-append-to-body= 'false' > <el-option v- for = "item in subjectList" :key= 'item.id' :label= "item.title" :value= "item.id" ></el-option> </el- select > |
加上这个属性,再加上以下样式即可完美解决
1 2 3 4 5 | >>>.el- select -dropdown { position: absolute !important; left: 0px !important; top: 30px!important; } |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律