layui/example/docs/zh-CN/components/menu.md
2022-02-27 12:55:09 +08:00

10 KiB

::: anchor :::

::: title 基本介绍 :::

::: describe 导航菜单是一个网站的灵魂,用户依赖导航在各个页面中进行跳转。 :::

::: title 基础使用 :::

::: demo

首页 首页 首页 首页 首页 首页 首页 首页 首页 首页

:::

::: title 垂直导航 :::

::: demo

首页 首页 首页 首页 首页 首页 首页 首页 首页 首页

:::

::: title 反转样式 :::

::: demo

首页 首页 首页 首页 首页 首页 首页 首页 首页 首页

:::

::: title 切换主题 :::

::: demo

菜单 菜单 菜单 目录 菜单 菜单 目录 菜单 菜单 菜单

:::

::: title 菜单插槽 :::

::: demo

首页 目录 菜单 菜单

:::

::: title 菜单折叠 :::

::: demo



首页 首页 首页 首页 首页 首页 首页 首页 首页 首页 首页 首页 首页

:::

::: title Menu 属性 :::

::: table

属性 描述 备注
v-model:selectedKey 选中项 --
v-model:openKeys 打开项 --
theme 菜单主题 dark light
inverted 特殊的激活样式 true false
level 菜单层级 true false

:::

::: title Menu Item 属性 :::

::: table

插槽 描述 备注
title 菜单标题 --

:::

::: title Menu Item 插槽 :::

::: table

插槽 描述 备注
title 菜单标题 --

:::

::: title Sub Menu 属性 :::

::: table

插槽 描述 备注
title 菜单标题 --

:::

::: title Sub Menu 插槽 :::

::: table

插槽 描述 备注
title 菜单标题 --

:::

::: comment :::

::: previousNext nav :::