當前位置:菜譜大全網 - 菜譜大全 - Vue3+ts後臺動態路由菜單渲染

Vue3+ts後臺動態路由菜單渲染

1,為菜單創建相應的頁面。

2.創建與頁面對應的路線。

這裏使用了壹個插件代碼。

使用此命令快速構建上面的頁面。

3.創建地圖菜單. ts文件。

然後,您可以通過使用從您想要獲取路由表的map-menus.ts文件導出的mapMenusToRoutes函數來獲取路由表。我的主頁叫做勉。

參考:

然後是菜單組件:

數據返回是這樣的:

最後看起來是這樣的: