网址更改后视图未更新

Question

我正在尝试使用我的搜索输入访问不同用户的用户，我可以在其中键入用户的名称，然后单击任何结果并导航到他们的页面。显示第一个用户页面，但是当我搜索另一个用户并单击用户名时，地址栏中的路线会更新，但窗口中的视图仍显示较早的用户。我的代码做错了什么？

<template>
  <div>
    <custom-component :users="users" @input="onClick"></custom-component>
  </div>
</template>

<script>
export default {
 methods: {
    onClick(id) {
      this.$router.push(`/user/${id}`);
    },
 },
 watch: {
    $route(to, from) {
      if (to.params.id !== from.params.id) {
        this.$router.push(to.fullPath);
      }
    },
  },
};

Answer 1

您需要更改手表并再次获取用户列表。无需在手表中再次推送路由器。

watch: {
  $route(to, from) {
    // react to route changes...
    let self = this;
    self.getUsers(); // For example
  }
},