layui/example/docs/zh-CN/components/menu.md

::: anchor :::

::: title 基础使用 :::

::: demo

<script> import { ref } from 'vue' export default { setup() { const selectedKey = ref("5") const openKeys = ref(["7"]) return { selectedKey, openKeys } } } </script>

:::

::: title 垂直导航 :::

::: demo

<script> import { ref } from 'vue' export default { setup() { const openKeys = ref(["7"]) const selectedKey = ref("5") return { openKeys, selectedKey } } } </script>

:::

::: title 菜单插槽 :::

::: demo

首页 目录 菜单一 菜单二 <script> import { ref } from 'vue' export default { setup() { const isTree = ref(true) const selectedKey = ref("5") const openKeys = ref(["7"]) return { isTree, openKeys, selectedKey } } } </script>

:::

::: title Menu 属性 :::

::: table

属性	描述	备注
v-model:selectedKey	选中项	--
v-model:openKeys	打开项	--

:::

::: title Menu Item 属性 :::

::: table

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

:::

::: title Menu Item 插槽 :::

::: table

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

:::

::: title Sub Menu 属性 :::

::: table

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

:::

::: title Sub Menu 插槽 :::

::: table

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

:::

::: comment :::

::: previousNext nav :::