問題: 在點擊組件時，下拉框會隨機出現(xiàn)位置偏移情況

如圖

下拉框偏移到頁面左上角.png

解決辦法：

HTML

<el-select  popper-class="popper-select" :popper-append-to-body="false">
      <option></option>
 </el-select>

CSS

::v-deep .popper-select {
  position: absolute !important;
  top: 35px !important;
  left: 0px !important;
}

總結(jié)

不再動態(tài)計算元素的位置，也不讓它們插入到body中，而是讓下拉框絕對定位到父元素上，從而實現(xiàn)子絕父相。

包含dropdown在內(nèi)的所有下拉同樣處理方法！