優(yōu)維低代碼技術專欄，是一個全新的、技術為主的專欄，由優(yōu)維技術委員會成員執(zhí)筆，基于優(yōu)維7年低代碼技術研發(fā)及運維成果，主要介紹低代碼相關的技術原理及架構邏輯，目的是給廣大運維人提供一個技術交流與學習的平臺。

優(yōu)維低代碼實踐連載第17期

《菜單》

▽

在微應用中，通過菜單的配置，可以更方便、快速地跳轉到其他頁面；visual builder提供了快速配置菜單的方法，包括頂部導航欄、側邊菜單欄、面包屑等。還有更高階的菜單注入，將其他微應用的菜單注入到當前微應用中。（PS: 以下的菜單配置方式均基于UI8.0）

一、頂部導航欄的配置

菜單層級如下：

調用菜單：

前端菜單顯示：

二、側邊菜單欄

側邊菜單欄的配置與頂部導航欄的菜單配置一樣，調用方式也一樣，只是調用的key值不一樣。

側邊菜單欄可以設置分組菜單、多層級菜單、平臺內部鏈接以及平臺外部鏈接

平臺內部鏈接：

平臺外部鏈接：

分組菜單：

菜單調用：

多層菜單：

顯示效果：