el-popover 弹出框 不放在body中
文章目录1. 不放在body中1. 不放在body中el-popover默认将弹窗放到body中,但是在此项目中,当el-popover的高度超出了父级div的宽度时,会造成body的滚动,而不是其父级的滚动。所以要将el-popover放入到父级div中<el-popoverclass="add-step-popover"ref="add-step-popove...
·
文章目录
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>
更多推荐


所有评论(0)