【element-ui】el-select下拉框el-date-picker弹出框定位问题解决方案

问题描述:

  项目开发过程中发现el-select和el-date-picker弹出框显示时候,滚动屏幕,导致弹出框定位出现问题。

【element-ui】el-select下拉框el-date-picker弹出框定位问题解决方案_第1张图片

首先考虑到看一下element-ui官网提供的api,如下图

1、select提供了popper-append-to-body属性的配置

【element-ui】el-select下拉框el-date-picker弹出框定位问题解决方案_第2张图片

代码如下:


    
    
  

2、el-date-picker提供了append-to-body属性的配置

代码如下:


有时候popper-append-to-body和append-to-body设置成false不生效,此时需要找到el-select对应的父节点设置样式:overflow:inherit !important

你可能感兴趣的:(element-ui,vue,前端开发规范,vue.js,javascript,elementui)