Wie füge ich Karussellelementen in Vuetify 2 ein href-Attribut hinzu?

Question

Ich verwende Vuetify 2 und muss ein Karussellbild auf eine Website umleiten, wenn der Benutzer darauf klickt. Jedes Element des Karussells sollte auf eine andere Website verlinken, daher müssen mehrere Hrefs oder ähnliches vorhanden sein.

<v-carousel>
  <v-carousel-item
    src="https://th.bing.com/th/id/R.1f617f6c0e62cf22f8cc0db2d56c9b28?rik=%2fsedPErWt7A%2bIA&riu=http%3a%2f%2f2.bp.blogspot.com%2f-rhsJGYj0RFc%2fUJ8G5i3UEHI%2fAAAAAAAAABg%2fQY0NlUG7lBI%2fs1600%2fwallpaper-praia-wallpapers%2b(13).jpg&ehk=AkwUJUusgP9ImnYhvxvSQ0PSTFbjvJlKlUSeikKT%2bAQ%3d&risl=&pid=ImgRaw&r=0"
    cover></v-carousel-item>

  <v-carousel-item src="https://th.bing.com/th/id/R.5fedcc584b436fe320057461d49f3996?rik=0iHP4CUZiAaMyQ&pid=ImgRaw&r=0" cover></v-carousel-item>

  <v-carousel-item src="https://cdn.vuetifyjs.com/images/cards/sunshine.jpg" cover></v-carousel-item>
</v-carousel>

Ich habe einige in der API bereitgestellte Eigenschaften ausprobiert, weiß aber nicht, ob sie richtig geschrieben sind oder in Vuetify 2 gültig sind.

Answer 1

使用<a>标签包裹每个v-carousel-item。

<a href="https://stackoverflow.com/" target="_blank">
  <v-carousel-item />
</a>