el-popover怎么挂载在父元素,而不是body上;以及设置样式问题

本文介绍了如何在Element UI的el-popover中使用:append-to-body和:popper-options属性进行精确定位,并强调了在 scoped 模式下应用自定义样式的技巧。同时,提到了调整父组件定位的重要性以避免定位问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

正文:

为el-popover添加配置项:

:append-to-body="false"
:popper-options="{
	boundariesElement: 'body',
	gpuAcceleration: true,
	positionFixed: true,
	preventOverflow: true
}"

此时如果你使用了scoped并需要添加样式,只需要在组件内添加样式即可,不需要到全局添加:

popper-class="weight-popper"
/deep/.weight-popper {...}

截图看效果:

在这里插入图片描述

注意:

因为el-popover本身自带一个绝对定位,需要给父组件添加相对定位,否则可能导致定位错乱。

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值