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;
}
原文地址:https://www.cnblogs.com/panqiaoyan/p/15118400.html