swiper插件报错 vue_vue的爬坑之路（三）之-----基于vue-cli的VueAwesomeSwiper轮播滑块插件的使用及常见问题(转)...

I'm Slide 1

I'm Slide 2

I'm Slide 3

I'm Slide 4

I'm Slide 5

I'm Slide 6

I'm Slide 7

import { swiper, swiperSlide } from'vue-awesome-swiper'require('swiper/dist/css/swiper.css')

export default{

name:'carrousel',

components: {

swiper,

swiperSlide

},

data() {return{

swiperOption: {

notNextTick:true,//循环

loop:true,//设定初始化时slide的索引

initialSlide:0,//自动播放

autoplay: {

delay:3000,

stopOnLastSlide:false,

disableOnInteraction:true,

},//滑动速度

speed:800,//滑动方向

direction : 'horizontal',//小手掌抓取滑动

grabCursor : true,//滑动之后回调函数

on: {

slideChangeTransitionEnd:function(){

console.log(this.activeIndex);