Vuetify - Meneruskan props ke tag yang dibuat oleh router-link

Question

Saat menggunakan tagto override tag yang digunakan untuk membuat tautan, bagaimana saya bisa meneruskan props ke komponen Vue yang dibuat?

Di sini Anda dapat melihat bahwa saya menggunakan v-list-itemtag di dalam a v-list(tidak ditampilkan). Ini bekerja seperti yang diharapkan dan v-list-itemdiurai oleh Vue sebagai komponen Vuetify. Namun, saya tidak tahu cara mengirimkan properti kev-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>

Saya sudah mencoba

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

... tapi tidak berhasil.

Answer 1

Anda bisa langsung menggunakan v-list-itemdan menambahkan toprop ke dalamnya dengan meneruskan nama jalur:

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

di API resmi pilih v-list-itemdari drop down dan pergi ke toprop dengan deskripsi:

Menunjukkan rute target dari tautan. Anda dapat menemukan informasi lebih lanjut tentang to prop di dokumentasi vue-router.