Global Registration

import Vue from 'vue'
import Swiper from 'vue_swiper'
Vue.use(Swiper)

Example

<Swiper 
  :imageList="imageList" 
  :ifAutoPlay="falseFlag"
  :autoPlaySpeed="speed"
  @itemClick="getClickEvent"
/>

API

Attributes

| 参数名 | 说明 |默认值| 参数类型 | - | :- | :- | :-: | | imageList | 轮播图图片列表 | 3张单色初始图 | Array | | swiperItemWidth | 轮播图宽度 | 页宽 | Number | | swiperItemHeight | 轮播图高度度 | 300 | Number | | ifAutoPlay | 是否开启自动轮播 | true | Boolean | | autoPlayDelay | 自动轮播间隔 |1000 | Number | | autoPlaySpeed | 自动轮播速度 |350 | Number | | ifDots | 是否开启导航点 | true | Boolean |

imageList数据格式示例

[
  {src:'图片地址 ',url:'跳转地址'}, 
  {src:'图片地址' ,url:'跳转地址'}, 
  {src:'图片地址 ',url:'跳转地址'}
]

Events

| 参数名 | 说明 |返回值 | - | :- | :- | :-: | | itemClick | 轮播图点击事件 | imageList参数中带url则返回url,否则返回序号 | | itemChange | 轮播图切换事件 | 位序 , url |