Vuetify-router-linkによって作成されたタグに小道具を渡す

Question

tagリンクの作成に使用されたタグをオーバーライドするために使用する場合、作成されたVueコンポーネントに小道具を渡すにはどうすればよいですか？

ここでv-list-itemは、v-list（図には示されていません）の内部でタグを使用していることがわかります。これは期待どおりに機能し、v-list-itemVueによって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"
>

...しかし、それは機能しません。

Answer 1

を直接使用し、パス名を渡すことでv-list-itemそれにto小道具を追加できます。

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

で公式APIを選択しv-list-item、ドロップダウンから、とに行くtoの説明と小道具：

リンクのターゲットルートを示します。to propの詳細については、vue-routerのドキュメントを参照してください。