vue-awesome-swiper4 轮播无效问题

vue-awesome-swiper4 轮播无效问题

最新版本出现轮播无效问题，其他功能正常。不管怎么调试和配置，始终无效。最后使用3.1.3版本才轮播正常。以下是安装步骤：

cnpm i vue-awesome-swiper@3.1.3 --save

前端引入代码

<template>
    <div class="swiper">
      <swiper ref="mySwiper" :options="swiperOptions">
        <swiper-slide
          v-for="item of datasource"
          :key="item.value"
          class="swiper-slide-item"
        >{{ item.label }}</swiper-slide>
        <div class="swiper-pagination" slot="pagination"></div>
      </swiper>
    </div>
</template>

<script>
import 'swiper/swiper-bundle.css';
import { swiper, swiperSlide } from "vue-awesome-swiper";

export default {
  components: {
    swiper,
    swiperSlide
  },
  data () {
    return {
    	datasource: [],
		swiperOptions: {
			pagination: {
           		el: '.swiper',
           		clickable: true,
         	},
			loop: true,
			autoplay: true,
		},
	};
  }

大功告成，完美解决轮播问题