обновление страницы после перенаправления роутера

Question

В моем проекте (laravel + vuejs) я хочу перечислить диаграмму Ганта для каждого проекта, поэтому, когда я нажимаю ссылку на конкретный проект c, он перенаправляет меня на его диаграмму Ганта Но в моем случае первый щелчок он работает нормально, но я нажимаю, чтобы выбрать другой проект, он просто меняет 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

Вам нужно добавить атрибут : key к вашему <router-view>

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

Ваш $ {projet.id} будет каждый раз другим, следовательно, будет запущена перезагрузка.

---

Edit

$ route.fullPath Vue API

• тип: строка
• Полный разрешенный URL, включая запрос и ha sh.