javascript - 如何在新实例中使用 if 条件？

Question

我创建了一个新实例，但我想根据 var enablePagination = false 禁用分页，但我不知道如何在其中设置 if 条件实例。如果 true 那么它必须工作

var mySwiper = new Swiper ('.swiper-container', {           
  direction: 'vertical',
  // Need a condition to disable - true or false
  pagination: {
    el: '.swiper-pagination',
  },
});

Answer 1

pagination.el 的默认值为 null ( docs )，这意味着没有分页。因此，您可以使用三元表达式:

var mySwiper = new Swiper('.swiper-container', {           
  direction: 'vertical',
  pagination: {
    el: enablePagination  ? '.swiper-pagination' : null,
  },
});

或者，您可以单独定义配置对象，并有条件地将 pagination 对象添加到其中:

var config = {           
  direction: 'vertical'
}

if (enablePagination) {
  config.pagination = {
    el: '.swiper-pagination'
  }
}

var mySwiper = new Swiper('.swiper-container', config);

不过，考虑到第一种方法，后者显然更加冗长。