Menu

纵向或横向多级导航菜单。

最后更新

说明

复用与侧边栏相同的 MenuItem 模型，Url 为空的节点作为可展开分组。

常见能力：

  • 多级分组
  • 横向排列
  • 选中高亮

用法

<Menu Items="@menus" @bind-SelectedKey="@key" />

API 参数

参数 类型 默认值 说明
Horizontal bool false 横向排列。
Items List<MenuItem> []
OnSelect EventCallback<string> — 事件
OpenGroups HashSet<string> HashSet`1 已展开的分组。
SelectedKey string null 当前选中项的 Url（或 Name）。
SelectedKeyChanged EventCallback<string> — 事件
Visible bool true 取得或设置组件是否可见，默认为false。
VisibleChanged EventCallback<bool> — 事件 取得或设置组件可见性变化时的回调事件。
Class string null 取得或设置组件的CSS类名，用于自定义样式。
Disabled bool false 取得或设置组件是否禁用，默认为false。
Style string null 取得或设置组件的内联样式，用于自定义样式。

所有组件均继承 BaseComponent，除上表参数外还支持 Class、Style、Disabled、Visible。

微信公众号二维码 扫码关注公众号
QQ 交流群二维码 扫码加入 QQ 群