在nuxt项目中使用swiper，不能实现自动轮播 - Swiper中文论坛

<template>
<div class="mySw full" >
<div v-swiper:mySwiper="mobleSwiperOption">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item,index) of getdata.data" :key="index"><swiper :getdata="item" type="small"/></div>
</div>
<div class="swiper-button-next" >
<img src="https://file-skg.skg.com/skg.com/20200914/1f25d1ff02c94280af18900167390d70.png" alt="">
</div>
<div class="swiper-button-prev" >
<img src="https://file-skg.skg.com/skg.com/20200914/c97f34b3a55742e885868a51cf32ff31.png" alt="">
</div>
</div>
</div>
</template>
<script>
import mainsmalldata from "~/static/data/mainsmalldata"
import swiper from '../smallswiperView/smallswiperView.vue'
export default {
name: "smallSwiper",
components: {
swiper
},
data() {
return {
mobleSwiperOption: {
loop: true, // 是否循环轮播
autoplay: {
delay: 2500,
disableOnInteraction: false
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
}
},
offsetWidth: 0,
isPC:　false,
}
},
props:{
getdata:{
type:Object,
default:()=>mainsmalldata
}
},
methods:{
},
};
</script>

复制代码