Как сделать чтобы slick слайдер применялся только на мобилки (разрешении меньше 759px)?

Question

[danilr]

Хочу использовать этот слайдер kenwheeler.github.io/slick
Использую Vue и мне надо понимать где инициализировать слайдер, где его отключать или наоборот включать, чтобы работал только на мобилке. Подскажите как применять слайдер именно там. Есть метод unslick, но я не понимаю как его применять в вреймворке Vue

Answer 1

[Сергей delphinpro]

Зачем смешивать две экосистемы?
Поищите слайдер на vue. Или хотя бы ванильный.

По вопросу:

в mounted вешайте слушателя matchMedia на нужный диапазон и в нем инициализируйте/деактивируйте слик.

кроме того можно использовать встроенную функциональность. Обратите внимание на этот пример — в диапазоне 0..300 слайдер выключается.

Answer 2

[Константин Толмачев]

Вы вопрос то уточните, что именно непонятно, если просто смена разрешения то ответ уже был

Тут vue вообще не задействован. Если же нужен конкретный ответ дайте описание того что хотите

Comments

[danilr]

вопрос больше в том, где это всё инициализировать в экземпляре Vue

[Константин Толмачев]

danilr, нигде. vue и этот скрипт кроме того что они могут запускаться на одной странице никак не связаны. Если вы обратите внимание это плагин для jquery и работает он в пространстве jquery. Для него нужно загружать jquery и потом стандартно инициализировать методами jquery

[Константин Толмачев]

danilr, чисто для vue есть например такая реализация данного плагина https://github.com/staskjs/vue-slick

[danilr]

Константин Толмачев, я согласен, что нужен джейквери, но запускать можно например, в mounted().