el-popover 弹出框 不放在body中

1. 不放在body中

el-popover默认将弹窗放到body中,但是在此项目中,当el-popover的高度超出了父级div的宽度时,会造成body的滚动,而不是其父级的滚动。

所以要将el-popover放入到父级div中

<el-popover
    class="add-step-popover"
    ref="add-step-popover"
    placement="bottom"
    width="212"
    trigger="click"
    @show="show"
    :append-to-body="false"
    :popper-options="{
      positionFixed: true
    }"
  >
  </el-popover>

github-issue

  • 根据项目需求,要注意z-index的使用

原来

<div style="position: relative;z-index:1" >
   <el-popover ...>
     <span style="position: absolute;z-index:2" slot="reference">+</span>
   </el-popover>
</div>

解决

<el-popover ...>
  <div style="position: relative;z-index:1"  >
    <span style="position: absolute;z-index:2" >+</span>
  </div>
</el-popover>

版权声明:本文为qq_31126175原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。