ant-design-vue/antdv-demo/docs/dropdown/demo/overlay-visible.md

986 B

#### 菜单隐藏方式 默认是点击关闭菜单,可以关闭此功能。 #### The way of hiding menu. The default is to close the menu when you click on menu items, this feature can be turned off.
<template>
  <a-dropdown v-model="visible">
    <a class="ant-dropdown-link" @click="e => e.preventDefault()">
      Hover me <a-icon type="down" />
    </a>
    <a-menu slot="overlay" @click="handleMenuClick">
      <a-menu-item key="1">
        Clicking me will not close the menu.
      </a-menu-item>
      <a-menu-item key="2">
        Clicking me will not close the menu also.
      </a-menu-item>
      <a-menu-item key="3">
        Clicking me will close the menu
      </a-menu-item>
    </a-menu>
  </a-dropdown>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
    };
  },
  methods: {
    handleMenuClick(e) {
      if (e.key === '3') {
        this.visible = false;
      }
    },
  },
};
</script>