Vue.js 如何在Vue中传递URL查询字符串？

我试图在打开视图时传递查询字符串值。我将路由器设置为：

import Home from "../views/Home.vue";
import Summary from "../views/Summary.vue";

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    name: "home",
    component: Home
  },
  {
    path: "/summary/:id",
    name: "Summary",
    component: Summary
  }
];

home.vue有以下链接：

<a href="#" class="card-link" @click.prevent="goSummary(item.id)">View Item Summary</a> <!--item.id came from the v-for loop-->

您可以使用：

<router-link :to="{ name: 'Summary', params: { id: item.id } }">
  View
</router-link>

有关更多信息，请参见您可以使用的：

<router-link :to="{ name: 'Summary', params: { id: item.id } }">
  View
</router-link>

有关详细信息，请参阅

  this.$router.push({ name: 'Summary', params: { id: this.item.id } })