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

A high quality UI Toolkit built on Vue.js 2.0

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

```vue
<template>
  <Dropdown trigger="contextmenu" @click="handle">
  <div :style="{
        textAlign: 'center', 
        height: '200px',
        lineHeight: '200px',
        color: '#999',
      }" class="demo-back">Right Click on here</div>
    <Menu slot="content">
      <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>
  </Dropdown>
</template>

<script>
import { Save, Cut, Document, IconEdit, Exit } from 'kui-icons'
export default {
  data() {
    return {
      Save, Cut, Document, IconEdit, Exit
    }
  },
  methods:{
    handle({key}){
      this.$Message.info('Click on item '+key)
    }
  }
}
</script>
```