Vue-awesome-verify NPM

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>

vue verify verify code

vue

@infinitebrahmanuniverse/nolb-vue-aw @everything-registry/sub-chunk-3073

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago