1.0.4 • Published 2 years ago
@jupa-dev/vue-slider v1.0.4
@jupa-dev/vue-slider
SLIDER VUE / NUXT
Installation
npm i @jupa-dev/vue-slider
Usage/Examples
// nuxt.config.js
plugins: [
{ src: '~/plugins/vue-slider', mode: 'client' },
],
// vue-slider.js
import Vue from 'vue'
import { Swiper, Slide } from "@jupa-dev/vue-slider/src/components";
Vue.component('Swiper', Swiper)
Vue.component('Slide', Slide)
// Component
<Swiper v-if="list.length > 0">
<Slide v-for="(item,index) in list" :key="index">
</Slide>
</Swiper>
API
Prop | Funcionalidad | Default value |
---|---|---|
autoPlay | rotar automáticamente | true |
showIndicator | mostrar el punto del carrusel | true |
interval | frecuencia desplazamiento | 2500 |
duration | duración | 500 |
✅ Funcionalidades Swiper : <Swiper ref="swiper"></Swiper>
✅ this.$refs.swiper.prevSlide(); anterior
✅ this.$refs.swiper.nextSlide(); siguiente
✅ this.$refs.swiper.slideTo(2); ir