Vuetify

商店

企业版

轮播

v-carousel 组件用于在旋转计时器上显示大量的可视内容。

用例

v-carousel 组件在 v-window 的基础上进行了扩展，提供了更多针对图像显示的功能。

Options

次要组件

  • v-carousel-item：v-carousel 使用的图像容器。继承 v-window-item，且是可通过路由导航的，并使用 v-img 安装在其默认插槽。

API

从下面选择您想要的组件，并查看可用的属性、插槽、事件和函数。

示例

下面是一些简单到复杂的例子。

有了 cycle 属性，你可以让你的轮播每 6s（默认）自动转换到下一个。

v-carousel-item 组件可以使用 transition/reverse-transition 来改变过渡动画。

使用任何可用的图标来改变轮播的滑动分隔符。

可以使用 :show-arrows="false" 隐藏轮播的导航控件。

你可以使用 hide-delimiters 属性隐藏底部控件。

你可以用 model 控制轮播。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!