原因是开启了(loop:true) 开启loop, 在DOM结构上,swiper是使用的clone的方式,在首尾各添加一个slide单元。但是并没有将click事件clone过去,所以点击事件不会生效,解决方法,在回调添加点击事件,用dataset.index拿到数据;
结构
//结构
<swiper :options="swiperOption" ref="mySwiper" >
<swiper-slide v-for='(item,index) in bannerList' :key='index' :data-index='index' >
<div class="img-box">
<img :src="item.banner" alt="" >
</div>
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
//引入
import { swiper, swiperSlide } from 'vue-awesome-swiper'
import EmptyPage from '../components/emptyPage'
//注册
components: {
swiper,swiperSlide,LongCourseList,EmptyPage
},
//配置
computed:{
...ma