文章目录
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>
- 根据项目需求,要注意
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版权协议,转载请附上原文出处链接和本声明。