vue中this.$router.push路由傳參以及獲取方法

1.params傳參:

this.$router.push({name:'page2',params:{id:1}});

目標頁面接收參數(shù):

this.$route.params.id

2.query傳參:

this.$router.push({path:'/page2',query:{id:1}});

目標頁面接收參數(shù):

this.$route.query.id

注意:
1、兩種方式的區(qū)別是query傳參的參數(shù)會帶在url后邊展示在地址欄,params傳參的參數(shù)不會展示到地址欄(/page2?id=1)。
2、由于動態(tài)路由也是傳遞params的,所以在 this.$router.push() 方法中path不能和params一起使用,否則params將無效。需要用name來指定頁面。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容