更改路线和调整大小后，Slick Carousel 高度降至零 window

Question

当我切换到 vue.js 应用程序的另一个 route/component 并调整 window 的大小（例如从纵向到横向).否则它工作正常。

关于如何在不 destroying/unslick 光滑并再次加载所有图像的情况下将其调整回完整高度的任何想法？

在这里它工作正常：

但这里失败了：

Answer 1

好的，搞定了。在其 Github 回购的源代码中找到了正确的圆滑 property/method：

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 文件中正确描述此方法的存在和语法...

更改路线和调整大小后，Slick Carousel 高度降至零 window

Slick Carousel's height drops to zero after changing routes AND resizing window

vue.js

slick.js