动态改变element-ui的popover控件的位置？

Question

我们项目基于vue，页部分面引入了elementui
问题是这样的：我想在项目中自定义右键菜单，想通过elementui里的popover组件来实现，但是现在碰到的困难，是无法在点击右键后，动态改变popover的位置

想请教各位， 有什么办法能动态改变popover的位置，或者能提供另一种重写右键菜单的思路吗？

Answer 1

监听右键事件，保存坐标位置并设置到popover上

Answer 2

使用 ref 和 $el 可以获得 popover 对应的 DOM 元素，然后就可以设置位置了。

可以看一下官方文档中关于 ref 和 $el 的说明。