如何通过Splide.js的classes选项为splide__slide添加自定义类？

你可以通过两种方式实现需求：

方法一：使用classes配置项 #

Splide的classes选项中，slide字段对应轮播项的类名，必须保留默认的splide__slide类（否则会丢失基础样式），再追加你的自定义类即可：

new Splide( '.splide', {
  type   : 'loop',
  perPage: 3,
  classes: {
    slide: 'splide__slide my-custom-class'
  },
} ).mount();

方法二：挂载后通过API添加类 #

如果classes配置项不生效（比如版本兼容问题），可以利用Splide的API在轮播挂载后批量添加类：

const splide = new Splide( '.splide', {
  type   : 'loop',
  perPage: 3,
} ).mount();

// 获取所有slide并添加自定义类
splide.Components.Slides.getSlides().forEach( slide => {
  slide.slide.classList.add('my-custom-class');
} );

你之前代码无效的原因 #

你写的自定义类是custom__slide，但实际需要的是my-custom-class；另外如果不小心省略了默认的splide__slide类，会导致轮播基础样式失效，看起来像是代码没起作用。

内容的提问来源于stack exchange，提问作者mohammad shahriar syeed