选择菜单项时如何关闭Popper上下文菜单？

vue-popperjs 组件实例本身提供了公开方法用于手动控制显隐，直接调用对应方法即可实现选中菜单项后关闭菜单的需求，具体操作如下：

• 给你的vue-popper组件绑定ref属性，示例：

  <vue-popper ref="contextMenuPopper">
    <!-- 你的上下文菜单内容 -->
    <div @click="handleItemSelect">菜单项</div>
  </vue-popper>
  

• 在菜单项的选中回调中调用实例的关闭方法：
  • Vue2选项式API写法：this.$refs.contextMenuPopper.doClose()
  • Vue3组合式API写法：contextMenuPopper.value.doClose()

注：你之前找到的hide是组件关闭完成后触发的回调事件，仅用于监听关闭动作，不能用来主动触发关闭操作。如果你使用的是v1.x旧版本组件，对应的关闭方法为close()，调用逻辑和上述一致。

内容的提问来源于stack exchange，提问作者drake035