naive-ui/demo/documentation/components/menu/zhCN/index.demo-entry.md

菜单 Menu

没有吃的。

演示

horizontal
default-expanded-keys
indent
collapse

Props

Menu Props

名称	类型	默认值	说明
collapsed-icon-size	number	24	菜单折叠时图标的大小，如果为设定则使用 icon-size 代替
collapsed-width	number	undefined	折叠后菜单的宽度
collapsed	boolean	false	菜单是否折叠，值在菜单为垂直时有用
default-expanded-keys	Array<string>	[]	在非受控状态下默认展开的子菜单标识符数组
expanded-keys	Array<string>	undefined	展开的子菜单标识符数组，如果设定了，菜单的展开将会进入受控状态，default-expanded-keys 不会生效
icon-size	number	20	菜单未折叠时图标的大小
indent	number	32	菜单每级的缩进
items	Array<MenuItem | Submenu | MenuItemGroup>	[]	菜单的数据
mode	'vertical' | 'horizontal'	'vertical'
popover-body-style	object	{ padding: '2px 4px', minWidth: '180px' }	菜单收缩时子菜单弹层的样式
root-indent	number	32	菜单第一级的缩进，如果没有设定，使用 indent 代替
theme	'light' | 'dark' | string	undefined
value	string	null	菜单当前的选中值
on-update:expanded-keys	(value: string[]) => any	() => {}
on-update:value	(value: string) => any	() => {}

MenuItem Properties

名称	类型	说明
disabled	boolean
extra	string | (() => VNode | Array<VNode>)
icon	() => VNode
key	string	菜单项的标识符，必需
title	string | (() => VNode | Array<VNode>)

Submenu Properties

名称	类型	说明
children	Array<MenuItem | Submenu | MenuItemGroup>	必需
disabled	boolean
extra	string | (() => VNode | Array<VNode>)
icon	() => VNode
key	string	菜单项的标识符，必需
title	string | (() => VNode | Array<VNode>)
type	'submenu'	必需

MenuItemGroup Properties

名称	类型	说明
children	Array<MenuItem | Submenu | MenuItemGroup>	必需
key	string	菜单项的标识符，必需
title	string | (() => VNode | Array<VNode>)
type	'group'	必需