element plus多个地方使用一个Popover

424 阅读1分钟

位置偏移,每次都需要找到当前点击的位置。网上找了多种方法,均不可以。 发现官网有Tooltip的单列模式可以实现类似效果。

<el-icon style="width: 300px" width="200" @click="(e) => ((visible = true), (buttonRef = e.currentTarget))" class="bt_hover" > <el-popover ref="popoverRef" :virtual-ref="buttonRef" trigger="click" :visible="visible" title="With title" virtual-triggering

<el-button size="small" type="primary" @click="visible = false"
  >confirm</el-button
>
关键步骤 buttonRef = e.currentTarget 解决问题!