vue router如何根據不同的使用者給不同的許可權

2021-09-07 12:14:08 字數 1267 閱讀 2031

專案是基於小穎之前寫的那個demo來寫的這裡小穎就只把重要的**給大家粘出來,剩下的大家請移駕到:vue2.0+element+node+webpack搭建的乙個簡單的後台管理介面    來看其他的**。

更新後的專案目錄:

注意:小穎之前沒有用到es6,現在小穎引了es6,具體怎麼引請看這裡:webpack es6支援配置

如果遇到問題:vue2.0 新手完全填坑攻略—從環境搭建到發布——dt

permissions.json

]

}, , ]}]}

menuform.vue

提交

重置

progress.vue

rate.vue

區分顏色

datepicker.vue

帶快捷選項

1.login.vue中將原來的handlesubmit2方法進行修改,通過ajax訪問本地json然後再判斷當前使用者是誰有什麼許可權,小穎這裡只寫了乙個admin,其實真是的資料裡應該會有很多個使用者,然後大家再判斷當前登入的使用者是誰,然後獲取相應的許可權,這裡小穎就不給大家演示了嘻嘻。

2.home.vue中的mounted()方法更新為:

mounted() 

var _this = this;

_this.menudata = json.parse(sessionstorage.getitem("menu"));

_this.$router.options.routes.foreach(function(item)

});});}}

});});

}

愛喝酸奶的吃貨

vue router 根據許可權跳轉路由

首先將路由更改,由路由變成配置檔案 原來結構 更改後結構 import router from vue router 引用路由 import routerconfig from router 引用配置路由位址 vue.use router 使用路由 let router new router rou...

如何安裝vue router

unpkg.com 提供了基於 npm 的 cdn 鏈結。上面的鏈結會一直指向在 npm 發布的最新版本。你也可以像 這樣指定 版本號 或者 tag。在 vue 後面載入 vue router,它會自動安裝的 npm npm install vue router 如果在乙個模組化工程中使用它,必須要...

jsp中如何根據不同的條件轉向不同的頁面

問 trycatch exception e 有部分jsp頁面可正常轉向,但另一部分卻將 pages common message.jsp追加在後面,導致不能正確轉向。已試過 request.getrequestdispatcher pages common message.jsp forward ...