Wie füge ich Karussellelementen in Vuetify 2 ein href-Attribut hinzu?
P粉937769356
P粉937769356 2023-09-16 20:47:32
0
1
570

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.

P粉937769356
P粉937769356

Antworte allen(1)
P粉776412597

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

<a href="https://stackoverflow.com/" target="_blank">
  <v-carousel-item />
</a>
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage