宝哥软件园

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=''}}}参数描述:

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

自定义回调函数:

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

更多资讯
游戏推荐
更多+