1. 程式人生 > >vue中this.$router.push路由傳參方法

vue中this.$router.push路由傳參方法

在vue專案中通過this.$router.push路由跳轉頁面傳遞引數的方式經常用到,一般有兩種方式:

1.name+params傳參方式:[name為要跳轉的路由名,params為要傳遞的引數]

this.$router.push({name:'success',params:{username:'tom',value:'04652'}});

 注意:如果要傳遞多個引數,可以先封裝成物件傳遞

接收:this.$route.params.username 

2.path+query傳參方式:[path為要跳轉的路由路徑,query為要傳遞的引數]

this.$router.push({path:'/login/success',query:{username:'tom',value:'04652'}});

接收:this.$route.query.username 

 

ps:這兩種傳參方式最主要的區別就是query傳參引數拼接到瀏覽器url地址中,而params不會。

根據實際應用場景來使用這兩種方式