bxSlider - onSlideAfter

Question

paramsSlider = {
        slideWidth: 76,
        slideMargin: 10,
        minSlides: 1,
        maxSlides: 10,
        pager: false,
        controls: true,
        moveSlides: 5,

        onSlideAfter: function($slideElement, oldIndex, newIndex) {
            let count = Math.floor(this.getSlideCount()/5)-1;
        }
    };

如何在函数onSlideAfter中获得值moveSlides？如果我尝试像this.moveSlides一样申请，我会得到undefined

也许我不理解一些东西，但如果我尝试这样做，我又会变得不确定

countSlides: 5; 
paramsSlider = { 
    slideWidth: 76, 
    slideMargin: 10, 
    minSlides: 1, 
    maxSlides: 10, 
    pager: false, 
    controls: true, 
    moveSlides: this.countSlides, 
    onSlideAfter: function($slideElement, oldIndex, newIndex) { 
        console.log(this.countSlides) 
    }, 
}

Answer 1

你可以为它写一个getter。

​

const paramsSlider = {
  slideWidth: 76,
  slideMargin: 10,
  minSlides: 1,
  maxSlides: 10,
  pager: false,
  controls: true,
  moveSlides: 5,
  get moveSlidesVal() {
    return this.moveSlides;
  },
  onSlideAfter: function() {
    let count = Math.floor(this.getSlideCount() / 5) - 1;
    count += this.moveSlidesVal;
    return count;
  },
  getSlideCount: function() {
    return 100; // sample value
  }
};

document.write(paramsSlider.onSlideAfter()); // 24 expected

​