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);

尽管使用第一种方法，后者显然更加冗长。

Answer 2

我认为以下示例可以为您提供帮助：

function fun(x)
{ 
console.log(x); 
}
fun(10<12?10:12);

输出：10

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

2 个答案: