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 name | describe | parameter |
---|---|---|
click | The click event of the entire component (can be used to control the show/hide of the component) | activeIndex |
change | Callback after each scroll ends | activeIndex |
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.