v-slider-verify

v-slide-verify

Quick Start

Using build tools:

npm install --save v-slider-verify

import Vue from 'vue';
import vSliderVerify from 'v-slider-verify';

Vue.use(vSliderVerify);

2. Now you have it. The simplest usage:

<v-slider-verify :l="42"
            :r="10"
            :w="310"
            :h="155"
            @success="onSuccess"
            @fail="onFail"
            @refresh="onRefresh"
             @changeNum = "change"
            :sliderText="'请向右滑动'"
            :setNum = "10"
            ></v-slider-verify>
<div>{{msg}}</div>

export default {
        name: 'App',
        data(){
            return {
                msg: '',
            }
        },
        methods: {
            onSuccess(){
                this.msg = 'login success'
            },
            onFail(){
                this.msg = ''
            },
            onRefresh(){
                this.msg = ''
            }
        }
    }

Document

argument

callBack

Log

V0.1.12