Блог

Я сталкиваюсь с этой проблемой с навигацией. Всякий раз, когда я переключаю вкладки, маршрут с "" продолжает оставаться активным все время, несмотря ни на что. Я пытался использовать css с точностью до маршрутизатора, но всякий раз, когда я иду по вложенному маршруту, меню навигации перестает иметь активный класс. Я считаю, что это связано с тем, что путь ""

Маршрутизатор:

     {
        path: "",
        name: "Item1",
        component: Item
   }
 

Компонент

       <router-link :to="{ name: 'Item1' }" >Item1</router-link>
      <router-link :to="{ name: 'Item2' }" >Item2</router-link>
      <router-link :to="{ name: 'Item3' }" >Item3</router-link>
 

Более светлый цвет — активный класс
Как это выглядит

Установите path значение '/' и добавьте exact ссылки или exact-path : <router-link exact :to="{...}">

Вот официальная документация: https://router.vuejs.org/api/#exact