Javascript 如何通过路由器传递数据？

我在将数据从rest API传递到子组件时遇到问题， 我有一个包含许多记录的列表，单击

title

后，我想打开另一个页面，其中包含此单击元素的详细信息，以下是我的代码：

我的路由器在表中：

<router-link
  to="/user/details"
  v-slot="{ href, route, navigate }"
>
  <a
    :href="href"
    @click="navigate"
  >
    {{ user.name }}
  </a>
</router-link>

---

$router对象向您公开url的查询参数

this.$route.query

---

切换路线时，您可以在

查询中传递
名称
，如下所示：

<router-link 
  :to="{ path: '/user/details', query: { name: user.name } }"
>
  User Details
</router-link>

data: () => ({ userName: "" }),
created() {
  this.userName = this.$route.query.name;
}

<router-link 
  :to="{ path: '/user/details', query: { name: user.name } }"
>
  User Details
</router-link>

data: () => ({ userName: "" }),
created() {
  this.userName = this.$route.query.name;
}