概述
常用于一组图片或卡片轮播,当内容空间不足时,可以用走马灯的形式进行收纳,进行轮播展现。
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 |