router和route的區別
$route為當前router跳轉對象里面可以獲取name、path、query、params等
$router為VueRouter實例,想要導航到不同URL,則使用$router.push方法
params和query的區別
query要用path來引入,params要用name來引入,接收參數都是類似的,
分別是this.$route.query.name和this.$route.params.name。
this.$router.push({
path:"/detail",
query:{
code:10011
}
});
this.$router.push({
name:"detail",
params:{
code:10011
}
});
- 展示上的
query更加類似于我們ajax中get傳參,params則類似于post,說的再簡單一點,前者在瀏覽器地址欄中顯示參數,后者則不顯示
router.replace
- 跳轉登錄頁
- 攜帶當前頁面路由,以在登錄頁面完成登錄后返回當前頁面
router.replace({
path: '/login',
query: {
redirect: router.currentRoute.fullPath
}
});
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。