Как скрыть навигацию слайдера Swiper?

Question

[Adilet Zhuman]

Как скрыть навигацию сладера Swiper VUE.JS (кнопки управления navigation)
При условии что на странице отображено все слайды
То есть например внутри слайдера 4 элемента и в десктоп версии отображении все 4 элемента, то в навигации нет смысла.

Comments

[Алекс Глебов]

На не нужной кнопке должен быть класс .swiper-button-disabled его скрывайте в стилях

[Adilet Zhuman]

Алекс Глебов, я временно так и сделал, но так не пойдет так как на пример этот класс вешается если мы находится на первом слайде или на последним

Answer 1

[Vaultboy84]

Используйте API

Answer 2

[Арсений Матыцин]

Если знаешь точно, сколько должно быть на текущем разрешении (фикс вывод), то передавать в свойства компонента true, если количество элементов (в идеале это должен быть массив на v-for).

Если же фактические размеры разные, то можно прибегнуть к динамическом расчёту на базе деления размера области (карусели) на фактическое число вмещаемых слайдов. Как это делать, вариантов много, вплоть до intersectionObserver.

Comments

[Adilet Zhuman]

а на пример если у меня 1 слайд всего?