概述
常用于一组图片或卡片轮播,当内容空间不足时,可以用走马灯的形式进行收纳,进行轮播展现。
API
props
属性 |
说明 |
类型 |
默认值 |
width |
幻灯片的宽度 |
String |
auto |
height |
幻灯片的高度 |
String |
auto |
source |
幻灯片所有图片的src,如果组件含有 slot 则 source 无效 |
Array |
[] |
auto |
是否自动播放幻灯片 |
Boolean |
false |
trigger |
触发 indicator 的事件,可选值为 ['click', 'hover'] |
String |
'click' |
arrow |
箭头指示器的显示时机,可选值为 ['always', 'hover', 'never'] |
String |
'hover' |
speed |
自动播放的时间间隔,单位为毫秒 |
Number |
2000 |
slot
name |
说明 |
<default> |
可使用 v-slider-item 组件自定义每张幻灯片渲染方式,此时source prop 无效 |
methods
方法 |
说明 |
参数 |
返回值 |
jump(index) |
立即跳转到第 <index> 个幻灯片 |
index: Number => 幻灯片的index |
void |