注意:您只能放置一个元素作为vue-recaptcha子级。 For more information, please reference toexample 示例 API(API) 道具(Props) sitekey (required) sitekey(必填) ReCAPTCHA site key ReCAPTCHA网站密钥 theme (optional) 主题(可选) The color theme for reCAPTCHA reCAPTCHA的颜色主题 type (optional) 类型(可选...
npm install vue3-recaptcha2 Example usage With bundlers <template> <vue-recaptchav-show="showRecaptcha"sitekey="key"size="normal"theme="light"hl="tr":loading-timeout="loadingTimeout"@verify="recaptchaVerified"@expire="recaptchaExpired"@fail="recaptchaFailed"@error="recaptchaError"ref="vueRecaptc...
method. For example: import Vue from 'vue' import { VueReCaptcha } from 'vue-recaptcha-v3' Vue.use(VueReCaptcha, { siteKey: '<site key>', loaderOptions: { useRecaptchaNet: true } }) Advanced usage Some topics which are not commonly used, but required in some cases. Access reCAPTCHA-...
To use the options just pass an object to theVue.use(...)method. For example: importVuefrom'vue'import{VueReCaptcha}from'vue-recaptcha-v3'Vue.use(VueReCaptcha,{siteKey:'<site key>',loaderOptions:{useRecaptchaNet:true}}) Advanced usage ...
README.md docs: vue3 install example fixed Sep 13, 2023 package.json release: v2.0.2 Jan 10, 2024 tsconfig.json V2 (#11) Sep 13, 2023 tsconfig.node.json V2 (#11) Sep 13, 2023 vite.config.ts V2 (#11) Sep 13, 2023 yarn.lock bump: 2.0.0 Sep 13, 2023 ...
Usage Example importVueProgrammaticInvisibleGoogleRecaptchafrom'vue-programmatic-invisible-google-recaptcha'Vue.component('vue-programmatic-invisible-google-recaptcha',VueProgrammaticInvisibleGoogleRecaptcha) Js <!-- Put this in your base HTML file - I use Vue CLI 3 so I put it at the bottom of the...
Vue v3 component for Google reCAPTCHA v2 Installation npm install vue3-recaptcha2-cn Example usage With bundlers <template> <vue-recaptchav-show="showRecaptcha"sitekey="key"size="normal"theme="light"hl="tr":loading-timeout="loadingTimeout"@verify="recaptchaVerified"@expire="recaptchaExpired"@fai...
Promise executeRecaptcha does not wait for challenge, token is always null #693 opened Nov 12, 2024 by StijnCoolen Laravel app example for TypeScript #683 opened May 23, 2024 by jamesdordoy Cannot destructure property 'executeRecaptcha' #682 opened Feb 28, 2024 by gkatsanos 8 Docum...
Example usage in a Vue component: import{ref,onMounted}from'vue'import{RecaptchaV3}from'@anilkumarthakur/vue3-recaptcha'constrecaptchaComponent=ref<InstanceType<typeofRecaptchaV3>|null>(null)constrecaptchaToken=ref<string>('')constinitializeRecaptcha=async()=>{awaitrecaptchaComponent.value?.loadRecaptcha...
Try to running example with Vue3~and get: Uncaught SyntaxError: Unexpected identifier Code: jsfiddle <!-- Make sure you load the vue-demi first --> <!-- Then load vue-recaptcha --> <template> <vue-recaptcha ref="recaptcha" sitekey="6LcgSAMTAAAAACc2C7rc6HB9ZmEX4SyB0bbAJvTG"...