Press "Enter" to skip to content

A Mobile-oriented Lightweight Swiper Component for Vue

vue-active-swiper is a lightweight, mobile-oriented, no dependencies, Swiper component for Vue.

vue js multi item carousel, vue awesome swiper tutorial, vue carousel simple, vue dynamic carousel, vue carousel autoplay, vue testimonial slider, vue carousel library

How to make use of it:

Install & Download:

# NPM
$ npm install vue-active-swiper --save

Usage

import 'vue-active-swiper/dist/VueActiveSwiper.css'

import Vue from 'vue'
import VueActiveSwiper from 'vue-active-swiper'

Vue.use(VueActiveSwiper)
<link rel="stylesheet" href="../node-modules/vue-active-swiper/dist/VueActiveSwiper.css" charset="utf-8">
<script src="../node-modules/vue-active-swiper/dist/VueActiveSwiper.umd.min.js"></script>
const Swiper = VueActiveSwiper.Swiper
const SwiperItem = VueActiveSwiper.SwiperItem

new Vue({
  el: '#app',
  components: {
    Swiper,
    SwiperItem
  }
})

Options

Events

 

event namedescribeparameter
clickThe click event of the entire component (can be used to control the show/hide of the component)activeIndex
changeCallback after each scroll endsactiveIndex

vue-carousel-autoplay

lightweight swiper component, vue-active-swiper Plugin/Github, vuejs vertical carousel


See Demo And Download

Official Website(accforgit): Click Here

This superior jQuery/javascript plugin is developed by accforgit. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.