Comment ajouter l'attribut href aux éléments du carrousel dans Vuetify 2 ?

Question

J'utilise Vuetify 2 et j'ai besoin de rediriger une image de carrousel vers un site Web lorsque l'utilisateur clique dessus, chaque élément du carrousel doit être lié à un site Web différent, il doit donc y avoir plusieurs hrefs ou quelque chose comme ça.

<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>

J'ai essayé certaines propriétés fournies dans l'API mais je ne sais pas si elles sont écrites correctement ou si elles sont valides dans Vuetify 2.

Answer 1

Enveloppez chaque élément du v-carrousel avec une balise <a>.

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