Vue插件之滑动验证码怎么实现

这篇文章主要讲解了“Vue插件之滑动验证码怎么实现”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Vue插件之滑动验证码怎么实现”吧!

成都创新互联是专业的陇川网站建设公司,陇川接单;提供成都网站设计、网站建设、外贸网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行陇川网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

预览

目前仅前端实现,支持移动端滑动事件。版本V1.0.5

Vue插件之滑动验证码怎么实现

安装

npm install --save vue-monoplasty-slide-verify

使用方法:

// main.js
import Vue from 'vue';
import SlideVerify from 'vue-monoplasty-slide-verify';

Vue.use(SlideVerify);
// template

{{msg}}
// script export default {  name: 'App',  data(){  return {   msg: '',   text: '向右滑',  }  },  methods: {  onSuccess(){   this.msg = 'login success'  },  onFail(){   this.msg = ''  },  onRefresh(){   this.msg = ''  }  } }

参数说明:

props传参(均为可选)

Vue插件之滑动验证码怎么实现

自定义回调函数:

Vue插件之滑动验证码怎么实现

感谢各位的阅读,以上就是“Vue插件之滑动验证码怎么实现”的内容了,经过本文的学习后,相信大家对Vue插件之滑动验证码怎么实现这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


当前文章:Vue插件之滑动验证码怎么实现
分享路径:http://scyanting.com/article/gejpgo.html