控制Swiper切换到指定swiper-slide

背景：

    移动端产品列表页，产品类别横向滚动展示，如下图选中 "类别4"跳转加载新数据，swiper滚动一定距离使"类别4"居中显示。

html:

 

    

        

            全部
        
        

            类别1
        
        

            类别2
        
        

            类别3
        
        

            类别4
        
    
 

js:

   window.onload = function() {
            var swiper = new Swiper('.swiper-container', {
                slidesPerView: 'auto',
                freeMode:true,
            });
            var index = "{$index}"; // index为指定将要切换到的slide的索引
            swiper.slideTo(index, 100, false);     
        };

ps: 可参考官方文档 https://www.swiper.com.cn/api/methods/109.html