Как инициализировать slick в модальном окне?

Question

[maryna0408]

У меня есть небольшой каталог товаров - talog.supergift.top
При нажатии на первую карточку (на картинку или кнопку) открывается модальное окно с вертикальным слайдером slick. Но он не работает, я так понимаю проблема в инициализации самого слайдера, как это можно исправить?

Вот JS код:

methods: {
			selectProduct: function (product) {
	            this.selectedProduct = product;
	            // слайдер для продукции
				$(".product-slider").slick({
				    slidesToShow: 1,
			        slidesToScroll: 1,
			        fade: true,
			        arrows: false,
			        asNavFor: ".product-slider-nav"
				});
				$(".product-slider-nav").slick({
				    vertical: true,
			        slidesToShow: 4,
			        slidesToScroll: 1,
			        arrows: false,
			        asNavFor: ".product-slider",
			        focusOnSelect: true
				});
	        }
		}

это на vue

Answer 1

[Митя ТоДаСё]

window.addEventListener("click", function(event) {
});

Comments

[maryna0408]

у меня настройки слайдера прописаны в methods, куда передается id продукта по которому нажали
нужно как-то инициализировать по-другому