element-plus中el-popover边界会超出页面,显示滚动条
解决办法:获取到弹窗数据后添加el-popover数据后触发el-popover的update方法,在nextTick中触发不生效,所以在setTimeout里边执行update方法。边界的el-popover 会溢出viewport,出现滚动条的问题。vue3+element-plus的解决方法。vue2+elementui解决办法。
·
边界的el-popover 会溢出viewport,出现滚动条的问题
解决办法:获取到弹窗数据后添加el-popover数据后触发el-popover的update方法,在nextTick中触发不生效,所以在setTimeout里边执行update方法
vue3+element-plus的解决方法
setTimeout(() => {
popover.value.popperRef.popperInstanceRef.forceUpdate();
});
vue2+elementui解决办法
<el-popover
placement="top-start"
title="标题"
width="200"
trigger="click"
content="内容"
ref="popover"
>
<el-button slot="reference">快捷意见</el-button>
</el-popover>
this.$refs.popover.updatePopper()
bug
解决后:
更多推荐
已为社区贡献3条内容
所有评论(0)