vue+element弹窗内---下拉框定位问题解决(方法之两种)

问题:

加了 :popper-append-to-body="false" 这个属性也不好用时  可以试试这个

解决方法1️⃣:

第一步:

找到el-select标签添加(popper-class="popperClass")属性-----如下图

第二步:在css中添加如下代码即可

::v-deep .popperClass{

        top:auto !important;

}

其实这个方法有弊端:下拉框有滚动条时,滚动后 定位还是会有问题,但是也是个解决办法(别着急往下看)

-----------------------------------------------------------------------------------------------------------------------===

解决方法2️⃣:(推荐)

第一步:

在里添加class

class="fix-dialog-position">
 // do something

第二步:

添加css样式,(注:可添加全局样式)

.fix-dialog-position.el-dialog__wrapper {
  position: absolute;
}