轮播

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

使用

v-carousel 组件通过提供用于显示图像的附加功能扩展了 v-window。

API

组件	描述
v-carousel	主要组件
v-carousel-item	用于显示 v-carousel 状态的子组件

示例

属性

自定义分隔符

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

Cycle

使用 cycle 属性，你可以设置幻灯片每 6 秒（默认值）切换至下一张。

隐藏控件

你可以使用 :show-arrows="false" 来隐藏导航控制部分，也可以使用 show-arrows="hover" 控制它们仅在鼠标悬停时才出现。

自定义箭头按钮

可以用 prev 和 next 槽来自定义窗口中的箭头部分。

隐藏分隔符

可以使用 hide-delimiters 属性来隐藏底部的控制条。

进度条

可以使用 progress 属性在组件上方出现进度条。它可以表示当前轮播的进度。

模型

可以使用 v-model 的值控制轮播组件。