夏夜，蟋蟀劲鸣，星光灿烂，月光清澈。孩提时的晨在小山上快活的玩味着每一朵花，每一株草，亦或躺在绿油油的草地数星星。一切都是那么的美好，那么的惬意。
本文实例为大家分享了Vue插件之滑动验证码的具体代码，供大家参考，具体内容如下
预览
目前仅前端实现，支持移动端滑动事件。版本V1.0.5
github文档地址
安装
npm install --save vue-monoplasty-slide-verify
使用方法：
// main.js
import Vue from 'vue';
import SlideVerify from 'vue-monoplasty-slide-verify';
Vue.use(SlideVerify);
// template
<slide-verify :l="42"
:r="10"
:w="310"
:h="155"
@success="onSuccess"
@fail="onFail"
@refresh="onRefresh"
:slider-text="text"
></slide-verify>
<div>{{msg}}</div>
// script
export default {
name: 'App',
data(){
return {
msg: '',
text: '向右滑',
}
},
methods: {
onSuccess(){
this.msg = 'login success'
},
onFail(){
this.msg = ''
},
onRefresh(){
this.msg = ''
}
}
}
参数说明：
props传参（均为可选）
自定义回调函数：
本文Vue插件之滑动验证码到此结束。既然已回不到过去、还不如想想自己的未来。小编再次感谢大家对我们的支持！
