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>

补充4、利用resolve新打开新窗口传参

  const {href}= this.$router.resolve({
                name:"animation",//要打开的路由name
                query:{
                    id:321 //传递参数
                }
  });
  window.open(href,"_blank") //打开新窗口