Как в табы передавать динамические id роутов?

Question

[Denioo]

Добрый день, возник вопрос.
Есть табы которые создаю вот так:

data() {
      return {
        tabs: [
          {title: "Данные машины", url: '/cars/data/:id', exact: true},
          {title: "Модификации машины", url: '/cars/data/:id/modified'},
          {title: "Запчасти на машину", url: '/user/data/:id/spares'}
        ]
      };
    },

Вывожу их вот так:

<router-link
        v-for="tab of tabs"
        v-bind:key="tab.url"
        v-bind:tab="tab"
        tag="a"
        active-class="navbar__link--active"
        class="navbar__link"
        :to="tab.url"
        :exact="tab.exact"
    >
      {{tab.title}}
    </router-link>

Где :id будут динамические роутеры подтягиваться со store(id). Вот как этот id вписать в табы? Или лучше всего в store создавать данные для navbar и уже передавать обычным геттером?

Answer 1

[Антон Антон]

:to="`/cars/data/${tab.id}/modified`"