vue三種頁面跳轉傳參方法

1、push方法：

跳轉傳參：

 

query傳參 參數會在鏈接后面顯示
      this.$router.push({
        path: "/home",
        query: { id: 1 },
      });

params傳參 參數不會顯示在鏈接后面

      this.$router.push({
        name: "/home",
        params: { id: 1 },
      });

params傳參要用name 不能用path  切記！

接受參數：

this.$route.params 和 this.$route.query

 

 

 

2、window.href 傳參

window.location.href = '/home/?id='+1;

 

3、router-link標簽跳轉傳參 

 

    <router-link :to="{name:'home',params:{id:1}}">跳轉啦</router-link>

 

如果有更好的方法可以一起分享！