Блог

Главная - Вопросы по программированию - Vuetify — Передача реквизитов тегу, созданному router-link

Vuetify — Передача реквизитов тегу, созданному router-link

#vue.js #vuejs2 #vue-component #vuetify.js #vue-router

#vue.js #vuejs2 #vue-компонент #vuetify.js #vue-маршрутизатор

Вопрос:

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

Здесь вы можете видеть, что я использую v-list-item тег внутри v-list (не показан). Это работает так, как ожидалось, и v-list-item анализируется Vue как компонент 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. вы попробовали мой ответ?

2. @BoussadjraBrahim Да. В то время я голосовал за, но это пока не позволило бы нам принять его. Я сделаю это сейчас.

Ответ №1:

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

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

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

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