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

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，任何唯一的参数都足以使键唯一。