1.1.0 • Published 5 years ago

vue-slide-verify v1.1.0

Weekly downloads
3
License
MIT
Repository
github
Last release
5 years ago

vue-slide-verify

A Vue plugin to slide verify Demo,forked from monoplasty/vue-monoplasty-slide-verify

install

npm install --save vue-slide-verify

Usage

<template>
    <slide-verify ref="verifyCode" :l="42" :r="10" :w="310" :h="155" @success="onSuccess" @fail="onFail" @refresh="onRefresh"></slide-verify>
</template>
<script>
import Vue from 'vue';
import SlideVerify from 'vue-slide-verify';
Vue.use(SlideVerify);//use the plugin
export default = {
    //...
    methods:{
        onSuccess(){},
        onFail(){},
        onRefresh(){},
        freshVerify(){
            //refresh slide-verify manually.
            this.$refs['verifyCode'].refresh();
        }
    }
    //...
}
</script>

Document

Props

ParamTypeDescribe
lNumberblock length
rNumberblock circle radius
wNumbercanvas width
hNumbercanvas height
textStringthe tips,default value is 'slide filled right'
successTextStringtips after verifing successfully,defaut value is 'verify successfully'
retryTextStringtips after verifing defeat,defaut value is 'try again'
imgUrlStringthe url fetching img,default value is 'https://picsum.photos/300/150/?image='

Events

EventTypeDescribe
successFunctionsuccess callback
failFunctionfail callback
refreshFunctionrefresh button callback
1.1.0

5 years ago

2.0.0

5 years ago

1.0.0

5 years ago