kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
36 lines (35 loc) • 765 B
Markdown
<cn>
#### 多级菜单
传入的菜单里有多个层级。
</cn>
```vue
<template>
<Dropdown>
<Button theme="light">
多级菜单 <Icon :type="ChevronDown" />
</Button>
<Menu slot="content">
<MenuItem>1st menu item</MenuItem>
<MenuItem>2nd menu item</MenuItem>
<SubMenu key="test" title="sub menu">
<MenuItem>3rd menu item</MenuItem>
<MenuItem>4th menu item</MenuItem>
</SubMenu>
<SubMenu title="disabled sub menu" disabled>
<MenuItem>5d menu item</MenuItem>
<MenuItem>6th menu item</MenuItem>
</SubMenu>
</Menu>
</Dropdown>
</template>
<script>
import { ChevronDown } from 'kui-icons'
export default{
data() {
return {
ChevronDown
}
}
}
</script>
```