vue動態配置公共選單

2021-10-05 20:05:00 字數 410 閱讀 4876

專案需求,後期可能會增刪部分功能模組,最直接的就是控制選單了,但是又不想去改**重新打包,所以接需要配置檔案了。

網上很多都是vue配置修改介面這些的,大致思路是一樣的,使用generate-asset-webpack-plugin來建立json檔案,然後使用axios請求json。但是這種不能寫注釋,可能對後期維護人員配置不太友好。

我使用的第二種方法,直接在window上掛上配置變數。

在static中建立js檔案:

window.menu=,

]}

然後在index.html中直接用script標籤引入,在要使用的頁面中呼叫這個物件就可以了。

然後打包配置,就會出現這個配置檔案,就可以動態配置選單了。

其他的配置也可以同樣的實現,根據專案需求來吧。

VUE動態許可權選單

main.js vue.prototype.routerload else vue meta 獲取選單 loadmenus then res 重新整理後的路由跳轉 router.push catch err 使用鉤子函式對路由進行許可權跳轉 router.beforeeach to,from nex...

動態選單 動態建立選單

動態建立選單 windows應用程式的介面,不僅僅是乙個簡單的窗體,每個窗體中都包含具體實現功 能的控制項,包括能夠顯示基本資訊的label控制項,能夠在其中輸入內容的文字框控制項,能 夠設定選項的選擇按鈕控制項等。net提供了很多使用簡單 功能強大的控制項,幫助程式設 計者快速有效地開發應用軟體。...

Vue 動態新增路由及生成選單

寫後台管理系統,估計有不少人遇過這樣的需求 根據後台資料動態新增路由和選單。為什麼這麼做呢?因為不同的使用者有不同的許可權,能訪問的頁面是不一樣的。在網上找了好多資料,終於想到了解決辦法。利用 vue router 的addroutes方法可以動態新增路由。先看一下官方介紹 router.addro...