首页 > 其他分享 >在使用element plus中select组件 关于下拉框位置偏移的解决方法

在使用element plus中select组件 关于下拉框位置偏移的解决方法

时间:2022-08-27 17:48:24浏览次数:56  
标签:el 缩放 element important 偏移 plus 下拉框 select

造成原因:缩放屏幕时,下拉框会随着屏幕的缩放而偏移

解决办法:el-select标签中使用popper-class设置teleported=“false”,再去修改你的样式到正确的位置上

<el-select
            v-model="value"
            placeholder="请选择"
            @change="onChange"
            :teleported="false"
            popper-class="select"
          >
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
  </el-select>

样式

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

 

标签:el,缩放,element,important,偏移,plus,下拉框,select
From: https://www.cnblogs.com/xxhuvip/p/16630974.html

相关文章