0.3.4 • Published 2 years ago
vue3-captcha v0.3.4
About
A canvas captcha built in Vue3 with TypeScript
Install
npm i -S vue3-captcha
Use
<script setup lang="ts">
import {ref} from "vue"
import Captcha,{CaptchaInstance} from 'vue3-captcha';
let value=ref('')
let refCode=ref<CaptchaInstance>(null)
const handleCheck=()=>{
if(refCode.value?.check(value.value)){
console.log("check success")
}
}
</script>
<template>
<Captcha ref="refCode" />
<input v-model="value">
<button @click="handleCheck">校验</button>
</template>
Props
attr | type | default | remark |
---|---|---|---|
width | Number|String | 120 | width |
height | Number|String | 40 | height |
borderColor | String | rgba(0,0,0,0.1) | border-color |
bgColor | String | #ffffff | background-color |
clickRefresh | Boolean | true | click refresh |
failRefresh | Boolean | false | verification failed, refresh |
Methods
method | params | return | remark |
---|---|---|---|
refresh | void | refresh | |
check | value | true/false | verification value |
0.3.0
2 years ago
0.2.1
2 years ago
0.2.7
2 years ago
0.2.6
2 years ago
0.2.9
2 years ago
0.2.8
2 years ago
0.3.2
2 years ago
0.2.3
2 years ago
0.3.1
2 years ago
0.2.2
2 years ago
0.3.4
2 years ago
0.2.5
2 years ago
0.3.3
2 years ago
0.2.4
2 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago