vue-awesome-verify
v1.0.2
Published
Vue Verification code Project
Downloads
17
Readme
vue-awesome-verify
基于https://github.com/Hibear/verify 的验证码项目
项目验证码类型请查看 项目支持PC、移动端
支持的验证码类型
- 常规验证码picture 常规的验证码由数字和字母构成,用户输入不区分大小写,可变形成汉字验证。
- 运算验证码compute 运算验证码主要通过给出数字的加减乘运算,填写运算结果进行验证。
- 滑动验证码slide 通过简单的滑动即可完成验证,应用与移动端体验很好。
- 拼图验证码puzzle 拼图。
- 选字验证码pick 通过按顺序点选图中的汉字完成验证,ie浏览器要求9或以上。
请记住一件事!
纯前端是可以被别人绕过验证的!
文档
如何使用
npm i vue-awesome-verify
事件
常规验证码picture
参数说明
运算验证码
参数说明
滑动验证码
参数说明
拼图验证码
参数说明
选字验证码
参数说明
// 基础用例一
<template>
<vue-awesome-verify :type="4"></vue-awesome-verify>
</template>
<script>
import VueAwesomeVerify from 'vue-awesome-verify'
import 'vue-awesome-verify/dist/vue-awesome-verify.min.css'
Vue.use(vue-awesome-verify)
</script>
// 基础用例二
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script src="dist/vue-awesome-verify.min.js"></script>
<link rel="stylesheet" href="dist/vue-awesome-verify.min.css">
<title>vue-awesome-verify</title>
</head>
<body>
<div id="app">
<vue-awesome-verify type=1></vue-awesome-verify>
</div>
</body>
</html>