手机版

Vue插件的滑动验证码

时间:2021-08-20 来源:互联网 编辑:宝哥软件园 浏览:

这个例子分享了Vue插件滑动验证码的具体代码,供大家参考。具体内容如下

试映

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

Github文档地址

装置

NPM安装-save vue-mono lasty-slide-验证的用法:

//main.jsimport Vue来自“Vue”;从“vue-mono lasty-slide-verify”导入SlideVerifyvue . use(slide verify);//template slide-verify : l=' 42 ' : r=' 10 ' : w=' 310 ' :h=' 155 ' @ success=' on success ' @ fail=' onFail ' @ refresh=' onRefresh ' : slider-text=' text/slide-verifydv { { msg } }/div//script exportdefault { name : ' app ',data () {return {msg: ' ',textmsg='登录成功' },onfail () {this。msg=''},onrefresh () {this。msg=''}}}参数描述:

道具传递参数(全部可选)

自定义回调函数:

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

版权声明:Vue插件的滑动验证码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。