Files
docs/versioned_docs/version-2.1/developer-guide/theme/finder-apis/menu.md
Hilary Liu 2e77363d29 fix: menu api example in theme dev docs (#252)
日常主题开发中,我们应该使用菜单最终生成到名字

```release-note
None
````
2023-09-08 02:40:12 +00:00

1.3 KiB

title, description
title description
导航菜单 导航菜单 - MenuFinder

import MenuItemVo from "../vo/MenuItemVo.md" import MenuVo from "../vo/MenuVo.md"

getByName(name)

menuFinder.getByName(name)

描述

根据 metadata.name 获取菜单。

参数

  1. name:string - 菜单的唯一标识 metadata.name

返回值

#MenuVo

示例

<div th:with="menu = ${menuFinder.getByName('menu-foo')}">
  <ul th:with="menuItems = ${menu.menuItems}">
    <li th:each="menuItem : ${menuItems}">
      <a
        th:href="@{${menuItem.status.href}}"
        th:text="${menuItem.status.displayName}"
        th:target="${menuItem.spec.target?.value}"
      >
      </a>
    </li>
  </ul>
</div>

getPrimary()

menuFinder.getPrimary()

描述

获取主菜单。

参数

返回值

#MenuVo

示例

<div th:with="menu = ${menuFinder.getPrimary()}">
  <ul th:with="menuItems = ${menu.menuItems}">
    <li th:each="menuItem : ${menuItems}">
      <a
        th:href="@{${menuItem.status.href}}"
        th:text="${menuItem.status.displayName}"
        th:target="${menuItem.spec.target?.value}"
      >
      </a>
    </li>
  </ul>
</div>

类型定义

MenuVo

MenuItemVo