路由器重定向后刷新页面

Question

在我的项目（laravel + vuejs）中，我想列出每个项目的甘特图，因此当我单击特定项目的链接时，它会将我重定向到他的甘特图。我单击以选择其他项目，它只是更改url而不刷新页面（它没有重定向我），它总是可以在第一次尝试的情况下使用。有没有帮助的人？ 这是MainApp.vue：

 <ul class="nav nav-treeview" >         
            <li class="nav-item" v-for="projet in projects.projets" :key="projet.id" v-if="currentUser.role==='admin'">
        <router-link :to="`/gantt/${projet.id}`"  class="nav-link ">
          <i class="fas fa-circle" style="color:#05dfd7"> </i>
          <p>Gantt:{{ projet.name }}  </p>
        </router-link>
      </li>

       </ul>

Answer 1

您需要向您的<router-view>

添加：key 属性

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

您的 $ {projet.id} 每次都会不同，因此将触发重新加载。

---

修改

$ route.fullPath Vue API

• 类型：字符串
• 完整的解析URL，包括查询和哈希。