Javascript Swiper.io从最后一张幻灯片开始，具体取决于数据的设置位置

我正在使用和使用Vue框架。我将解释不同的场景：

场景1（产生错误，需要对此进行修复）： 我从GraphQL查询中获得评论。答案用于填充swiper。这种将内容动态添加到swiper的方式给了我一个错误，滑块从最后一张幻灯片开始

场景2（可行，但内容是手动设置的）：我已经在我的数据部分将评论内容定义为一个变量。滑块正常工作。在所有生命周期中手动设置数据（创建前除外）不会出现错误

这是我的相关代码：

  getProductReviews(this.$apollo, { sku: 0 })
    .then(result => {
      // const temp = result.data.getBVReviews.reviews;
      // result.data.getBVReviews.reviews.push(temp[0]);
      // result.data.getBVReviews.reviews.push(temp[1]);
      this.getBVReviews = result.data.getBVReviews;
      if (this.isMounted) {
        this.setupReviewSlider();
      }
    })
    .catch(error => {
      console.log('Failed to load review data.');
      console.log(error);
    });

setupReviewSlider() {
      this.reviewSlider = new Swiper('.swiper-container', {
        slidesPerView: 'auto',
        initialSlide: 0,
        observer: true,
        observParents: true,
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
      });
      // this.reviewSlider.on('reachEnd', () => {
      //   this.reviewSlider.slideTo(0, false,false);
      //   this.reviewSlider.autoplay = false;
      // })
    },

HTML部分相当大，它只会让您感到困惑。我怀疑是否有必要去看，但如果你真的告诉我的话

---

有什么想法吗？

幻灯片在输出的HTML中的顺序是否正确？顺便说一句，您在

observParents

Yes中有一个输入错误，它们的顺序是正确的@BrettGregson