vue3-captcha

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