解决swiper轮播最后一张图片无法点击跳转

868 阅读1分钟
    const duplicateSlide = this.$refs.shortCourseSwiper.$el.querySelectorAll('.swiper-slide-duplicate');
    if (duplicateSlide.length) {
      //duplicateSlide.item(0).src = this.getBackgroundImg(this.trialCourseData.courseList[this.trialCourseData.courseList.length - 1].image);
      duplicateSlide.item(0).addEventListener('click', () => {
        //this.handleClickCard(this.trialCourseData.courseList[this.trialCourseData.courseList.length - 1]);
      }, false);
     //duplicateSlide.item(1).src = this.getBackgroundImg(this.trialCourseData.courseList[0].image);
      duplicateSlide.item(1).addEventListener('click', () => {
        //this.handleClickCard(this.trialCourseData.courseList[0]);
      }, false);
    }

找到swiper-slide-duplicate类名,单独给这个类名监听事件