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;
}

  

posted @   冰晨之露  阅读(244)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示