vue如何限制頁面跳轉

2021-10-08 05:07:15 字數 606 閱讀 6832

備註:以下使用的vue的本地快取是sessionstorage,既臨時快取,關閉頁面後,會自動清空。

場景一:做登陸介面,只有登入成功了,才能跳轉介面,進入主頁面。

//vue 路由

import router from 'vue-router'

vue.

use(router)

newrouter(,

else},

},]}

)

場景二:登入成功後,傳送請求,後端***判斷token過期,返回結果到前端,前端跳轉到登入頁面

//response接收請求結果

axios.interceptors.response.

use(res =

>);

//清空本地快取

sessionstorage.

clear()

;//路由跳轉至登陸頁面

this

.$router.

push()

;return

}return res

}, error =

>

)

vue頁面跳轉

一 this.router.push 1 vue template div id test button click goto 點選跳轉4 button div template 2 script 跳轉前頁面傳引數 goto item data中資料用於將本頁面中資料通過跳轉功能將其應用到下乙個頁面...

vue之跳轉頁面

一 內部跳轉 方法一 params 裡面是要傳遞過去的引數。不常用 方法二 this.router.push 去看書methods 或簡化 this.router.push 模組名稱 如 this.router.push homepage this.router.go 1 如果不是vue route...

vue 頁面跳轉 router link

src目錄是我們要寫 的目錄import vue from vue import router from vue router import helloworld from components helloworld vue.use router export default newrouter 在...