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