swiper多个slider在一屏,怎么点击任意slider,让他成为activeIndex

要实现点击任意slider，让它成为activeIndex的效果，可以在每个slider上绑定点击事件，并在事件处理函数中调用Swiper的slideTo方法来实现滑动到对应的slider。

具体实现步骤如下：

1. 在每个slider上绑定点击事件，可以使用jQuery或原生JavaScript实现。

例如，使用jQuery实现：

$('.swiper-slide').on('click', function(){
    //获取当前slider的索引
    var index = $(this).index();

    //滑动到对应的slider
    mySwiper.slideTo(index);
});

2. 在点击事件处理函数中，获取当前slider的索引，并调用Swiper的slideTo方法将其滑动到对应的位置。

需要注意的是，如果有多个slider在一屏中，需要根据具体情况计算出每个slider的位置和索引。例如，如果每个slider的宽度为w，间距为s，容器的宽度为W，则第i个slider的位置为i × (w + s)，索引为i。

下面是一个示例代码：

var mySwiper = new Swiper('.swiper-container', {
    //初始化参数
});

$('.swiper-slide').on('click', function(){
    //获取当前slider的索引
    var index = $(this).index();

    //计算滑动位置
    var w = $(this).width();
    var s = parseInt($(this).css('margin-right'));
    var pos = index * (w + s);

    //滑动到对应的slider
    mySwiper.slideTo(pos);
});

在这个示例中，假设Swiper容器的类名为“swiper-container”，每个slider的类名为“swiper-slide”，则可以通过$(this).index()获取当前slider的索引，通过$(this).width()和$(this).css('margin-right')获取slider的宽度和间距，从而计算出滑动位置。然后调用mySwiper.slideTo(pos)将其滑动到对应的位置。

需要注意的是，这个示例代码只是一个简单实现，具体实现方式还需要根据具体需求进行调整。