更改路线和调整窗口大小后,Slick Carousel的高度降低到零

时间:2019-04-08 11:02:07

标签: vue.js slick

当我切换到vue.js应用的另一条路线/组件并调整窗口大小时(例如,从纵向调整为横向),光滑滑块的(自适应)高度将降至0px。否则,它将正常工作。

有什么主意如何将其调整回最大高度而又不破坏/消除浮雕并重新加载所有图像吗?

在这里工作正常:

但是在这里失败了:

1 个答案:

答案 0 :(得分:0)

好的,可以了。在其Github Repo的源代码中找到了正确的平滑属性/方法:

updated(){
    window.homeslick = $('#home_slick_slider .inner-container').slick({
            dots: true,
            lazyLoad: "ondemand",
            slidesToShow: 1,
            slidesToScroll: 1,
            prevArrow: false,
            nextArrow: false,
            fade: false,
            adaptiveHeight: true,
        });
},
activated(){
    if(window.homeslick){
        homeslick.slick("refresh");
    }
}

不明白为什么他们没有在doc文件中正确描述此方法的存在和语法...