ant-design-vue/antdv-demo/docs/dropdown/demo/context-menu.md

758 B

#### 右键菜单 默认是移入触发菜单,可以点击鼠标右键触发。 #### Context Menu The default trigger mode is `hover`, you can change it to `contextMenu`.
<template>
  <a-dropdown :trigger="['contextmenu']">
    <div
      :style="{
        textAlign: 'center',
        background: '#f7f7f7',
        height: '200px',
        lineHeight: '200px',
        color: '#777',
      }"
    >
      Right Click on here
    </div>
    <a-menu slot="overlay">
      <a-menu-item key="1">
        1st menu item
      </a-menu-item>
      <a-menu-item key="2">
        2nd menu item
      </a-menu-item>
      <a-menu-item key="3">
        3rd menu item
      </a-menu-item>
    </a-menu>
  </a-dropdown>
</template>