VUE登入路由判斷

2021-08-24 17:58:14 字數 578 閱讀 3682

我們在做無論是**,還是電商的時候,登入是我們必不可少的乙個功能,當我們從登入介面進行登入操作的時候,如果登入成功,我們希望進入到主介面。如果我們是在其他介面進行登入,則我們希望我們登入之後是返回到那個其他介面,這樣使用者也感覺到更友好。

然而歷史頁面跳轉到登入頁面的情況一般是三種:

1、從註冊頁面到登入介面

2、從忘記密碼頁面到登入頁面

3、其他頁面

1和2是特殊頁面,單獨進行判斷。3屬於常規頁面,直接返回歷史頁面就行了。實現思路就是在路由裡面帶乙個引數,然後進行判斷就可以了。vue路由提供返回歷史介面的方法是this.$router.go(-1)。

1和2一致,我就舉例註冊頁面:註冊頁面的路由傳引數寫法:傳入tohome引數

_self.$router.push(

})

登入頁面寫法:登入介面登入成功js裡面寫入

// 登陸成功,設定cookie

if (this.$route.query.tohome || window.history.length === 0) else

這樣就可以實現了

vue 利用路由守衛判斷是否登入

1.首先你要研究通 router 物件,2.當使用者想直接訪問首頁的時候,使用路由守衛判斷sessionstorage裡是否有物件,沒有全都乾到login中 3.登入成功後,登出操作,清除sessionstorage物件,跳轉login 4.我沒有寫後台,通過匹配vuex中使用者物件,來判斷.如果成...

vue後台登入 許可權路由

技術棧 wepack 打包神器 vue js框架 vuex 實現不同元件間的狀態共享 注 簡述vuex和localstorage,全域性變數的區別 為了解決跨元件之間的資料共享問題,乙個元件的資料變化對映到使用這個資料的其他元件中,重新整理頁面之前儲存的vuex資料會被初始化掉.localstora...

Vue路由判斷前進後退

判斷方式應該有很多,但是我感覺最簡單的方式,也是我專案中採用的方式 定義全域性跳轉和返回函式,直接 接管 vue路由的前進和後退事件 註冊全域性方法 vue.prototype.push url string,closetransition boolean false vue.prototype.p...