关于 slider 的 无缝滚动

<template>
<div class="swiper-wrapper-pro">
<!-- 缓加载loading组件 -->
<!-- <div class="loading-container" v-if="!dataImg.length">
      <me-loading></me-loading>
    </div> -->

<!-- 幻灯片组件 -->
<me-slider
v-bind:direction="direction"
v-bind:interval="interval"
v-bind:loop="loop"
v-bind:pagination="pagination"

>
<swiper-slide v-for="(item, index) in dataImg.slider" v-bind:key="index">
<div class="slider-img-container">
<img v-lazy="item" alt="" class="slider-img">
</div>
</swiper-slide>
</me-slider>

</div>
</template>

<script>
import MeSlider from 'base/slider';
import MeLoading from 'base/loading';
import {swiperSlide} from 'vue-awesome-swiper';
import {swiperOption} from './config';

export default {
name:'productSlider',

data () {
return {
sliders: [],
direction: swiperOption.direction,      //幻燈片滑動方向
loop: swiperOption.loop,               //無縫滾動
interval: swiperOption.interval,      //輪播開關(0<開啟)及速度
pagination: swiperOption.pagination, //分頁器
};
},

// index.vue 已经将图片赋值了, 所以这里不需要再赋值
props:{
dataImg: {
type: [Array, Object],
default:[],
},
},

components: {
'me-slider':MeSlider,
'me-loading':MeLoading,
'swiper-slide':swiperSlide,
},

created() {
this.con();
},

methods: {
con() {
setTimeout(() => {
// console.log('dataImg', this.dataImg);
},3000);
},
},

watch: {
dataImg(val) {
console.log('watch-Val',val);
this.sliders = val;
console.log('sliders', this.sliders.slider)
}
}

}

</script>
<style lang='scss' scoped>

.swiper-wrapper-pro {
height: 283px;
}

.slider-img {
width: 100%;
height: 100%;
}

.loading-container {
padding-top: 100px;
}
</style>

请问老师：

为什么 我已经挂入 loop 了，但 最后一张 没办法 向右滑动，立刻回到第一张？

请老师解惑，谢谢您。