点击菜单栏时同时触发外部点击事件

问题描述

当点击下拉菜单（Dropdown）展开后，再次点击菜单内容时，下拉框不会自动隐藏。预期行为是点击菜单的其他部分时，下拉框应自动关闭。

环境背景及尝试过的解决方案

使用了v-click-outside-x插件来处理外部点击事件，但由于menu-item阻止了冒泡事件，导致未能正确监听到外部点击。尝试通过父组件添加$emit('on-clickoutside')的方法无效。

相关代码

      :class="[prefixCls]"
    v-click-outside="onClickoutside"
    @mouseenter="handleMouseenter"
    @mouseleave="handleMouseleave">
    

    
              :class="dropdownCls"
        v-show="currentVisible"
        :placement="placement"
        ref="drop"
        @mouseenter.native="handleMouseenter"
        @mouseleave.native="handleMouseleave"
        :transfer="transfer"
        v-transfer-dom>