How do I display the captcha icon only on certain pages (VUE reCAPTCHA-v3)?
See original GitHub issueI use this package : https://www.npmjs.com/package/vue-recaptcha-v3. It get from this github
I add on my main.js :
import { VueReCaptcha } from 'vue-recaptcha-v3'
Vue.use(VueReCaptcha, { siteKey: 'xxxxxxx' })
I add this code :
await this.$recaptcha('login').then((token) => {
recaptcha = token
})
to my component to get token from google recapchta
My problem is the captcha icon in the lower right corner appears on all pages
I want it to only appear in certain components
Maybe I must to change this : Vue.use(VueReCaptcha, { siteKey: 'xxxxxxxxxxxxxxxxx' })
. Seems it still mounting to Vue.use
. I want to mount to a certain component instead of vue root instance
How can I solve this problem?
Issue Analytics
- State:
- Created 4 years ago
- Comments:10 (5 by maintainers)
Top Results From Across the Web
How do I display the captcha icon only on certain pages (VUE ...
in main.js set autoHideBadge true: import { VueReCaptcha } from 'vue-recaptcha-v3' ...
Read more >How do I display the captcha icon only on certain pages (VUE ...
I use this package : https://www.npmjs.com/package/vue-recaptcha-v3. It get from this github I add on my main.js : import { VueReCaptcha } ...
Read more >How do I display the captcha icon only on certain pages (VUE ...
in main.js set autoHideBadge true: import { VueReCaptcha } from 'vue-recaptcha-v3' Vue.use(VueReCaptcha, { siteKey: 'your site key', ...
Read more >Invisible reCAPTCHA - Google Developers
This page explains how to enable and customize the invisible reCAPTCHA on your webpage. To invoke the invisible reCAPTCHA, you can either:.
Read more >Hide the reCaptcha v3 badge the right way - BRIZZO
Using Google's reCaptcha v3 script displays a sticky logo at the bottom ... the entire page/site is “protected by Google” but it is...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
For what it’s worth, this is my implementation via Vue 3 to show/hide the badge on a specific page
Hey, I’ve just published v1.7.2 which exposes
ReCacaptchaInstance
. You can now callthis.$recaptchInstance.hideBadge()
to hide andthis.$recaptchInstance.showBadge()
to show the ReCaptcha badge.