100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > vue 插件 滑块验证_基于Vue的验证码插件vue2-verify

vue 插件 滑块验证_基于Vue的验证码插件vue2-verify

时间:2024-05-27 03:46:58

相关推荐

vue 插件 滑块验证_基于Vue的验证码插件vue2-verify

在我们Web项目开发中,验证码是一种比较常见的区分用户是计算机还是人的手段。主要是为了保证项目的安全。现在Vue开发的项目很多,基本都是前后端分离的。给大家推荐一个基于Vue比较好用的验证码插件vue2-verify。但是大家要注意一点,单纯前端的验证是不安全的,因为可以直接通过接口请求。下面雷雪松就详细的给大家介绍一下基于Vue的验证码插件vue2-verify。

1、vue2-verify支持的验证码类型

常规验证码picture 常规的验证码由数字和字母构成,用户输入不区分大小写,可变形成汉字验证。

运算验证码compute 运算验证码主要通过给出数字的加减乘运算,填写运算结果进行验证。

滑动验证码slide 通过简单的滑动即可完成验证,应用与移动端体验很好。

拼图验证码puzzle 拼图。

选字验证码pick 通过按顺序点选图中的汉字完成验证,ie浏览器要求9或以上

2、vue2-verify的安装以及用法

npm install vue2-verify

// vue2-verify基础用法

import Verify from vue2-verify

export default {

name: app,

components: {Verify},

methods: {}

}

3、vue2-verify的事件和参数

事件

ready 验证码初始化成功的回调函数。

success 验证码匹配成功后的回调函数。如要重新初始化:success:function(obj){ob

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。