Vuetify: passaggio di oggetti di scena al tag creato da router-link
Quando si utilizza tag
per sovrascrivere il tag utilizzato per creare il collegamento, come posso passare oggetti di scena al componente Vue creato?
Qui puoi vedere che sto usando un v-list-item
tag all'interno di un v-list
(non mostrato). Funziona come previsto e v-list-item
viene analizzato da Vue come componente Vuetify. Tuttavia, non riesco a capire come passare gli oggetti di scena av-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>
ho provato
<router-link
:to="{name: 'home'}"
tag="v-list-item"
:disabled="isDisabled"
>
...ma non funziona.
Risposte
Puoi usare direttamente v-list-item
e aggiungere to
prop ad esso passando il nome del percorso:
<v-list-item :to="{name: 'home'}">
nell'API ufficiale seleziona v-list-item
dal menu a discesa e vai to
all'elica con la descrizione:
Denota il percorso di destinazione del collegamento. Puoi trovare maggiori informazioni su to prop nella documentazione di vue-router.