Swiper设置自定义slide为初始激活项 activeIndex配置无效

• 手动为.swiper-slide元素添加.swiper-slide-active类无法生效：Swiper初始化流程中会全量重算所有slide的位置、重置状态类，手动添加的类会被直接覆盖；且该类仅为组件运行时的状态标记，本身不会触发轮播的位置偏移逻辑。
• 初始化配置中传入activeIndex: 6无法生效：activeIndex是Swiper实例的只读属性，仅用于读取当前激活slide的索引值，不属于支持传入的初始化配置项，写在配置对象中不会被框架识别执行。

使用Swiper官方提供的初始化配置项initialSlide即可满足需求，该参数接收从0开始计数的slide索引，默认值为0。
你的现有配置未开启centeredSlides（slide居中模式），设置initialSlide后，对应索引的slide会默认对齐到可视区域左边缘，索引更小（更早月份）的slide会自动偏移到左侧可视区域外，完全匹配你的预期。

修正后的初始化代码 #

var swiper = new Swiper(".swiper-months", {
    cssMode: false,
    slidesPerView: 3.5,
    spaceBetween: 16,
    initialSlide: 6, // 替换原配置中的activeIndex，传入你需要定位的目标月份对应索引即可
    mousewheel: {
        forceToAxis: true,
    },
});

补充：动态定位场景 #

如果需要在初始化完成后动态跳转到指定slide（比如根据系统当前月份自动定位），可以调用Swiper实例的slideTo方法：

// 示例：定位到当前系统月份，Date.getMonth()返回值为0-11，刚好对应slide索引
const currentMonthIndex = new Date().getMonth();
// 第二个参数为切换动画时长，传0即无动画直接跳转
swiper.slideTo(currentMonthIndex, 0);

内容的提问来源于stack exchange，提问作者Cray