Vue.js 如何在 Vuetify 2 中的轮播项目上放置 href 属性

发布于08月08日

我正在与Vutify 2合作，需要将用户重定向到一个网站，当他点击 carousel 的图像时， carousel 的每个项目都应该带到不同的网站，所以它需要有一个以上的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>

我已经try 了API中的一些props ，但我不知道我写得是否正确，或者它在Vutify 2中不起作用

Vue.js 如何在 Vuetify 2 中的轮播项目上放置 href 属性

推荐答案

Vue.js相关问答推荐

如何禁用Vuetify v—stepper操作按钮

Vue CLI：如何在一个vtextfield更改时让另一个vtextfield的值也同时更改，但同时又可以覆盖它？

NUXT 3 在客户端获取数据

Vue 3 如何通过多个组件传递插槽

我在表格中创建了一个包含信息的新行，但在 Cypress e2e 测试中我无法获得最后一行(新行)

Vue，Composition API：如何从react 式转换中跳过深度嵌套的属性？

混合使用 React 和 Vue 是个好主意吗？

VuetifyJS：如何摆脱 v-stepper 组件的提升？

正确使用 Vue $refs

Vuetify / Offline离线图标

SVG 加载 vue-svg-loader； [Vue 警告]：无效的组件定义

如何使用 Vuejs 和 Laravel 获取当前经过身份验证的用户 ID？

如何避免在 Vue 中一直写 this.$store.state.donkey 的需要？

使用props向组件添加类名

如何告诉 Vue-cli 我的应用程序的入口点在哪里？

Laravel 和 Vue - handler.call 不是函数

Vuejs 不会在 HTML 表格元素中呈现组件

为什么 router.currentRoute.path 没有react？

在鼠标悬停时动态添加和删除类

超过最大调用堆栈大小 Vuetify