[Vuejs]-Hello! Could someone help to find out how to make vue swiper work only at mobile screen?

by

0👍

There is a couple of ways to do so. I assume the simplest one is to hide your swiper on bigger screens using css media queries.

<template>
  ...
  <Swiper class="swiper">...</Swiper>
  ...
</template>

<style>
@media only screen and (min-width: 480px) {
  .swiper {
    dispay: none
  }
}
</style>

Probably a more performant solution is to detect viewport width in js (check out this question)

Leave a comment