vue路由传参 query和params的区别

需要跳转的路由地址

  {
     path: "/common",
     name: "Common",
     component: resolve =>
       require(["../views/creative_competition/common/index.vue"], resolve),
     meta: {
       title: "创意大赛"
     }
   }

我们这里传递参数过去，传递query 和 params

methods: {
   introducCompe() {
     this.$router.push({
       path: "/common",
       query: { page: 1 },
       name: "Common",
       params: { page: 1 }
     });
   }
}

看一下结果

注意点：
params传递参数的时候，一定要有name，name的值为需要跳转路由的name值，否则将不能获得params参数的值。