Menu 导航菜单
为网站提供导航功能的菜单。
顶部导航
导航菜单默认为垂直模式,通过mode属性可以使导航菜单变更为水平模式。default-active,可以设置激活菜单的 name 值。
菜单中通过submenu组件可以生成二级菜单。通过设置属性 theme 为 light、dark 可以选择主题。
侧栏导航
垂直导航菜单,可以内嵌子菜单。
分组
通过m-menu-group组件可以实现菜单进行分组,分组名通过title属性直接设定。
禁用
设置 disabled 属性禁用此选项
菜单展开
设置 default-openeds 可以展开指定的子菜单。
Attribute
参数 |
说明 |
类型 |
可选值 |
默认值 |
mode |
菜单类型,水平或者垂直 |
string |
horizontal / vertical |
vertical |
theme |
主题,默认提供了两种主题 |
string |
light / dark |
light |
name |
唯一标识,必填 |
string |
— |
— |
title |
分组标题 |
string |
— |
— |
default-active |
默认选中的菜单项name |
string |
— |
— |
default-openeds |
默认展开的submenu |
array |
— |
— |
disabled |
禁用当前菜单项 |
boolean |
— |
false |
Events
事件名称 |
说明 |
返回值 |
on-select |
选择菜单(MenuItem)时触发 |
name |
on-open-change |
展开/收起 子菜单时触发 |
当前展开的 Submenu 的 name 值数组 |