代码拉取完成,页面将自动刷新
A canvas captcha built in Vue3 with TypeScript
npm i -S vue3-captcha
<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>
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 |
method | params | return | remark |
---|---|---|---|
refresh | void | refresh | |
check | value | true/false | verification value |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。