swiper4的callbacks回調函數

想要的效果：上面的title（文字）與下面的輪播圖對應上，原本是想監聽到swiper的觸發事件，獲取到當前的swiper-slide的下標 ，根據下標來判斷顯示對應的文字， 但是很難監聽到事件，試用了各種事件。查了很多方法在我這都不奏效，最后在官方的API上發現了他們callbacks回調函數，輕而易舉的監聽到了事件的動向。

var swiper = new Swiper('.swiper-container', {
  on:{
    slideChangeTransitionEnd: function () {

        console.log(this.realIndex);

　　　　if (this.realIndex == 0){
        $('.country-name').text("加拿大")
      } else if (this.realIndex == 1){
        $('.country-name').text("澳大利亞")
      } 
    }
  },
});

場景需要，這里我用的事件是slideChangeTransitionEnd,官方有很多事件

這里我截取了一小部分，去官網看看，總有一款適合你。