@jupa-chile-ls/vue-slider
v1.0.0
Published
Vue slider
Downloads
4
Readme
VUE-SIMPLE-SLIDER
SLIDER VUE
Installation
npm i 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 "vue-swiper-component";
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