swiper如何在窗口大小改变时改变direction属性

Question

swiper官方提供的breakpoints断点设定明确表示像slidesPerColumn、loop、direction、effect等设置之后也不会生效。

var controlledSwiper = new Swiper('.swiper-container.gallery-top',{

    direction: 'vertical',

    slidesPerView: 1,

    spaceBetween: 0,

    onlyExternal: true,

    breakpoints: {

        1023: {

            direction: 'horizontal',

            onlyExternal: false,

            pagination : '.swiper-pagination',

            paginationClickable :true,

        }

    }

});

现在我在桌面版是一个纵向的滑动效果（右边有另一个swiper点击切换这个swiper，缩略图的形式）。

在pad竖版和手机版上， 需要使这个swiper进行横向滑动。现在的情况是窗口resize和屏幕旋转的情况下，direction属性都不能立刻生效，需要刷新一次当前页面。

怎么样才能在窗口改变的时刻立即改变direction属性，求解决方案。

Answer 1

好像你可以destory，然后改变direction这样：mySwiper.destroy(true,true);mySwiper = new Swiper(...);