简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
如何为Vuetify 2的轮播项添加href属性？
P粉937769356
P粉937769356 2023-09-16 20:47:32
0
1
552

我正在使用Vuetify 2，并且需要在用户点击轮播图像时将其重定向到一个网站，轮播的每个项目应该链接到不同的网站，所以需要有多个href或类似的东西。

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

我尝试了API中提供的一些属性，但我不知道是否写得正确或者在Vuetify 2中是否有效。

P粉937769356
P粉937769356

全部回复(1)
P粉776412597
P粉7764125972023-09-17 00:09:37 1 楼

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

<a href="https://stackoverflow.com/" target="_blank">
  <v-carousel-item />
</a>
点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！