vue路由传参踩坑

最近开发时遇到了路由传参的一个小问题，今天整理出来给大家。
一开始我用路由传参时这样的：

` this.$router.push({
        path: "/communityDetails",
        params: {
          id: id,
        },
      });`

  此时发现接受不到参数，查阅资料发现，path对应的参数是query，应当是这样：

this.$router.push({
        path: "/communityDetails",
        query: {
          id: id,
        },
      });

同时，如果要用params传参，地址应该用name,希望对大家有所帮助。。