当我使用相同的用户名时如何不使用 :key=”$route.path”

Question

我在用户配置文件中遇到问题并尝试转到另一个配置文件 URL 更改但组件没有重新加载所以我使用 :key="$route.path" 来重新加载组件但是每个用户个人资料都有不同的问题URL关于和照片以及不同的东西问题是当我在关于和去照片组件重新加载

我的目的是什么

当我在同一个 $route.params.username

时，我怎么能不使用 :key="$route.path"

我的个人资料组件

   <div class="profile-menu-top">
{{user.username}}
{{user.num_followers}} followers
  </div>

    <div class="profile-menu">
      <router-link :to="{ name: 'Account', params: { username:  $route.params.username}}" class="profile-menu-link ">Timeline</router-link>
      <router-link :to="{ name: 'UserAbout', params: { username: $route.params.username }}" class="profile-menu-link ">About</router-link>
      <router-link :to="{ name: 'MyAccount'}" class="profile-menu-link ">Videos</router-link>
      <router-link :to="{ name: 'MyAccount'}" class="profile-menu-link ">Posts</router-link>
    </div>
  </div>

路由器索引

    {
path: '/u/:username',
name: 'Account',
component: Account,
},

简介

<Profile v-if="userAccount" :key="$route.path" />

Answer 1

如果我对您的问题的理解正确，一个简单的解决方案是将用户 ID（或名称）添加到密钥中：

<Profile v-if="userAccount" :key="userAccount.id" />

Answer 2

我可以通过添加 <Profile v-if="userAccount" :key="$route.params.username" />

来解决这个问题

谢谢@ShayaUlman 你的回答帮我解决了问题

当我使用相同的用户名时如何不使用 :key=”$route.path”

How to not use :key=”$route.path” when I am in same username

vue.js

vue-router

vue-component

vuejs2