Vuetify: pasar accesorios a la etiqueta creada por el enlace del enrutador
Cuando se usa tag
para 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-item
etiqueta dentro de un v-list
(no se muestra). Esto funciona como se esperaba y v-list-item
Vue 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
Puede usar directamente v-list-item
y agregarle to
prop pasando el nombre de la ruta:
<v-list-item :to="{name: 'home'}">
en la API oficial, seleccione v-list-item
del menú desplegable y vaya a la to
propiedad 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.