goravel-captcha-vue

基于go-captcha-vue的二次开发,

一、安装

npm install goravel-captcha-vue

二、配置

导入组件import GoravelCaptchaVue from 'goravel-captcha-vue'

三、功能概述,与后端goravel-captcha搭配使用

demo

<script setup>
import {ref} from 'vue'
import Captcha from './components/Captcha.vue'
const checkCaptOk = ref(false);
const authLogin = () => {
  if (checkCaptOk.value) {
    console.log("success")
  } else {
    console.log("fail")
  }
};

const checkCaptcallback = (e) => {
  e == "success" ? (checkCaptOk.value = true) : (checkCaptOk.value = false);
};
</script>

<template>
  <div>
    <Captcha @checkCapt="checkCaptcallback" :baseUrl="'http://localhost:3000'" />
  </div>
</template>

<style scoped></style>

六、预览效果，前端由goravel-captcha-vue提供，无需自行实现