element中使用select組件 下拉框位置偏移的解決方法


起因:縮放屏幕時,下拉框會隨着屏幕的縮小或放大而偏移

解決方法:e-select標簽中使用popper-class,且搭配:popper-append-to-body="false"使用,然后設置你需要的樣式,他出現的位置就可以了。

      <el-select
            v-model="itemvalue"
            placeholder="請選擇"
            @change="getItem"
            :popper-append-to-body="false"
            popper-class="select"
          >
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>

樣式設置

/deep/.el-select-dropdown {
  position: absolute !important;
  left: 0px !important;
  border: 1px solid #010f13;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM