VUE element-ui 使用Screefull 页面全屏时el-select下拉菜单不显示(下拉框不显示无法选择)问题解决

简介: VUE element-ui之页面全屏时el-select下拉菜单不显示问题解决

问题原因:elemrnt-ui会默认将弹出框插入至 body 元素;当设置了某个元素全屏时,会遮挡住原来的select下拉数据。

解决方法:

VUE element-ui 使用Screefull 页面全屏时el-select下拉菜单不显示(下拉框不显示无法选择)问题解决_第1张图片

 <el-select
            v-model="value"
            placeholder="区域选择"
            :popper-append-to-body="false"  //加入此行代码,完美解决
          >

实现效果

VUE element-ui 使用Screefull 页面全屏时el-select下拉菜单不显示(下拉框不显示无法选择)问题解决_第2张图片

你可能感兴趣的:(vue.js,ui,javascript)