这篇文章主要讲解了“Vue插件之滑动验证码怎么实现”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Vue插件之滑动验证码怎么实现”吧!
预览
目前仅前端实现,支持移动端滑动事件。版本V1.0.5
安装
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插件之滑动验证码怎么实现”的内容了,经过本文的学习后,相信大家对Vue插件之滑动验证码怎么实现这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。