右键菜单由iview通过下拉菜单实现

目前官方不提供右键菜单，而是通过下拉菜单的方式实现，所以是“官方”。

由于下拉菜单有类似的功能，如果它的文本被隐藏并在适当的时候弹出，它就可以实现。它是iview中的一个组件，功能强大且简洁。

在源代码下，没有秘密，简单陈述一下想法，正常情况下使用模板中的Dropdown组件，属性和样式需要单独设置(样式=' display : none ' trigger=' click ')，即默认不显示，点击触发。右键单击它时，可以首先设置它的可见性并更改引用对象的引用。

模板如下

逻辑如下：

源代码跟踪：

一个。标签A是不可见的。最初认为只要改变左上角，菜单就会自动跟随，它的位置是通过调用元素的getBoundingClientRect获得的。因为标签看不见，都是0，路被堵了。通过；

两个。您还可以更改标记的z-index顺序，使其位于目标节点之下，这是通过动态更改其引用节点来实现的。

理论上，任何组件都可以实现右键菜单。

摘要

以上是边肖通过下拉菜单介绍的iview的右键菜单。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！