同一页面的参数 id 更改上的 Vue 刷新页面

Question

我有一个传递 id 的函数。 URL 中的参数 id 正在更改，但视图没有刷新，我得到了相同的内容。如果我是冷漠页面，它工作正常。

  <a @click.prevent="user(userId)"> </a>

methods:
  user(id) {
        this.$router.push({ name: 'user', params: { id } });
      },

Answer 1

在路由器视图上使用唯一的 key：

<router-view :key="$route.fullPath"></router-view>

唯一键告诉 Vue 使用组件的不同实例，而不是在路由更改时重用现有的实例。使用 $route.fullPath，任何唯一的参数都足以使键唯一。