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