Breaking News: Grepper is joining You.com. Read the official announcement!

swiper js nuxt 3

Foolish Fowl answered on September 15, 2023 Popularity 10/10 Helpfulness 2/10

answer swiper js nuxt 3

swiper js nuxt 3

Comment

<template>
  <swiper
    :slides-per-view="3"
    :space-between="50"
    @swiper="onSwiper"
    @slideChange="onSlideChange"
  >
    <swiper-slide>Slide 1</swiper-slide>
    <swiper-slide>Slide 2</swiper-slide>
    <swiper-slide>Slide 3</swiper-slide>
    ...
  </swiper>
</template>
<script>
  // Import Swiper Vue.js components
  import { Swiper, SwiperSlide } from 'swiper/vue';

  // Import Swiper styles
  import 'swiper/css';

  export default {
    components: {
      Swiper,
      SwiperSlide,
    },
    setup() {
      const onSwiper = (swiper) => {
        console.log(swiper);
      };
      const onSlideChange = () => {
        console.log('slide change');
      };
      return {
        onSwiper,
        onSlideChange,
      };
    },
  };
</script>

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: swiperjs.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Sep 15 2023

Foolish Fowl

0 Answers Avg Quality 2/10

swiper js nuxt 3

Contents

More Related Answers

swiper js nuxt 3

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.