vue中this.$router.push()路由传参和获取值的方法

1.params传参

  //查看资产详情
    assetDetails(row) {
      this.$router.push({
        name: "assetDetails",
        params:{
          id:row.id,
        }
      });
    },

获取值

this.$route.params.id

2.query传参

    //查看资产详情
    assetDetails(row) {
      this.$router.push({
        path: "/assetDetails",
        query:{
          id:row.id,
        }
      });
    },

获取值

this.$route.query.id

1、两种方式的区别是query传参的参数会带在url后边展示在地址栏 (/assetDetail?id=31)，params传参的参数不会展示到地址栏。
2、由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。