Vuetify: pasar accesorios a la etiqueta creada por el enlace del enrutador

Aug 21 2020

Cuando se usa tagpara anular la etiqueta utilizada para crear el enlace, ¿cómo puedo pasar accesorios al componente Vue creado?

Aquí puede ver que estoy usando una v-list-itemetiqueta dentro de un v-list(no se muestra). Esto funciona como se esperaba y v-list-itemVue lo analiza como un componente de Vuetify. Sin embargo, no puedo entender cómo pasar accesorios alv-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>

He intentado

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

... pero no funciona.

Respuestas

1 BoussadjraBrahim Aug 21 2020 at 01:31

Puede usar directamente v-list-itemy agregarle toprop pasando el nombre de la ruta:

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

en la API oficial, seleccione v-list-itemdel menú desplegable y vaya a la topropiedad con la descripción:

Indica la ruta de destino del enlace. Puede encontrar más información sobre to prop en la documentación de vue-router.