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 |