How to pass dynamic route id to tabs?

Question

Vue.js

Good afternoon, I have a question.
There are tabs that I create like this:

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

I take them out like this:

<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>

Where :id will dynamic routers pull up from store(id). Here's how to enter this id in tabs? Or is it best to create data for the navbar in the store and already pass it as a regular getter?

Answer 1

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