ElEmentUI选择器弹出框定位错乱问题解决(弹出框出现在左上角)

ElEmentUI选择器弹出框定位错乱问题解决(弹出框出现在左上角)

 

这个是原问题,我之前是没问题的,后来的突然出现了这个问题,查了好多没找到,后来看文档才发现的.通过这个问题,说明看文档的重要性,嘻嘻

解决办法是在选择器里插入一个

:popper-append-to-body="false"属性

如果没有用的多刷新几次.写成这个样好像不起作用,
popper-append-to-body="false"
 <el-select v-model="selectroles"
                               multiple
                               :popper-append-to-body="false"
                               placeholder="请选择">
                      <el-option v-for="(item, index) in roles"
                                 :key="index"
                                 :label="item.namezh"
                                
                                 :value="item.id">
                      </el-option>
                    </el-select>

文档中这个字段的意思:

popper-append-to-body 是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false boolean - true
上一篇:javascript-Bootstrap tabbable和popover之间的冲突


下一篇:element-ui 里 el-popover 位置发生偏移