備註:以下使用的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 在...