vue-swiper2 v2.0.0

vue-swiper

Swiper component for Vue 2.0. Easy to use.
Fork from https://github.com/weilao/vue-swiper

Examples

basic demo

webpack ES2015 demo

Install

npm i vue-swiper2 -S

Usage

import Vue from 'vue'
import Swiper from 'vue-swiper2'

new Vue({
    el: 'body',
    components: {Swiper},
    methods: {
        onSlideChangeStart (currentPage) {
            console.log('onSlideChangeStart', currentPage);
        },
        onSlideChangeEnd (currentPage) {
            console.log('onSlideChangeEnd', currentPage);
        }
    }
});

<swiper ref="swiper"
        direction="horizontal"
        :mousewheel-control="true"
        :performance-mode="false"
        :pagination-visible="true"
        :pagination-clickable="true"
        :loop=“true”
        @slide-change-start="onSlideChangeStart"
        @slide-change-end="onSlideChangeEnd">
    <div>Page 1</div>
    <div>Page 2</div>
    <div>Page 3</div>
</swiper>

Api

Properties

Methods

Events