kui-vue/components/dropdown/demo/rightmenu.md

A lightweight desktop UI component library suitable for Vue.js 2.

<cn>
### 右键菜单
默认是移入触发菜单，可以点击鼠标右键触发。
</cn>

```vue
<template>
  <Dropdown trigger="contextmenu">
    <div
      :style="{
        textAlign: 'center',
        height: '200px',
        lineHeight: '200px',
        color: '#999',
      }"
      class="demo-back"
    >
      Right Click on here
    </div>
    <template #overlay>
      <Menu @select="handle">
        <MenuItem key="news" :icon="Document">New file</MenuItem>
        <MenuItem key="edit" :icon="IconEdit">Edit</MenuItem>
        <MenuItem key="save" :icon="Save">Save</MenuItem>
        <MenuItem key="cut" :icon="Cut">Cut</MenuItem>
        <MenuDivider />
        <MenuItem key="exit" :icon="Exit">Exit</MenuItem>
      </Menu>
    </template>
  </Dropdown>
</template>
<script setup>
import { message } from "kui-vue";
import { Save, Cut, Document, IconEdit, Exit } from "kui-icons";
const handle = ({ key }) => {
  message.info("Click on item " + key);
};
</script>
```