Vuetify - передача реквизита в тег, созданный с помощью router-link

Aug 21 2020

При использовании tagдля переопределения тега, используемого для создания ссылки, как я могу передать реквизиты в созданный компонент Vue?

Здесь вы можете видеть, что я использую v-list-itemтег внутри v-list(не показан). Это работает, как ожидалось, и v-list-itemVue анализирует его как компонент Vuetify. Однако я не могу понять, как передать реквизит вv-list-item

<router-link
    :to="{name: 'home'}"
    tag="v-list-item"
>
  <v-list-item-action>
    <v-icon>mdi-home</v-icon>
  </v-list-item-action>
  <v-list-item-content>
    <v-list-item-title>
      Home
    </v-list-item-title>
  </v-list-item-content>
</router-link>

я пытался

<router-link
    :to="{name: 'home'}"
    tag="v-list-item"
    :disabled="isDisabled"
>

... но это не работает.

Ответы

1 BoussadjraBrahim Aug 21 2020 at 01:31

Вы можете использовать напрямую v-list-itemи добавить toк нему опору, передав имя пути:

<v-list-item     :to="{name: 'home'}">

в официальном API выберите v-list-itemиз раскрывающегося списка и перейдите к toреквизиту с описанием:

Обозначает целевой маршрут ссылки. Вы можете найти дополнительную информацию о поддержке в документации по vue-router.