с ней работал? подключил вроде бы всё правильно, появился значок капчи на странице, где она подключена, всё ок, но когда начинаю роутить по приложению, во-первых, значок никуда не исчезает даже и на других страницах, а во-вторых, когда заново перехожу на ту страницу, на которой подключена капча, выдает предупреждение. то есть в setup() страницы, где уставлена капча, прописан хук useRecaptchaProvider(), что запускает и выгружает в head нужный скрипт, но когда я опять захожу на эту же страницу, он опять пытается грузить этот скрипт, что конечно неверно. может, кто сталкивался с подобным. был бы рад помощи
> есть вопрос по библиотеке 'vue-recaptcha' Нативная интеграция рекапчи - 10 строчек кода, тебе для этого не нужен очередной npm говнопакет > но когда я опять захожу на эту же страницу, он опять пытается грузить этот скрипт, что конечно неверно Это абсолютно правильное поведение, ты просто забыл добавить удаление скрипта из шапки в destroy
вроде бы он сам и удаляет, когда перехожу на другую страницу
В чем именно тогда проблема?
удалять удаляет, но это остается
dropRecaptcha() { try { const recaptchaScript = document.querySelector('script[src*="google.com/recaptcha/api.js"]') const recaptchaBadge = document.querySelector('.grecaptcha-badge') if (recaptchaScript) { document.head.removeChild(recaptchaScript) } if (recaptchaBadge) { recaptchaBadge.parentNode.removeChild(recaptchaBadge) } } catch (e) { console.error(e) } }
попробую, спасибо
Только не забудь, что согласно правил использования у тебя должен быть либо этот бейдж либо privacy policy и terms of use в футере
а есть какая-нибудь нормальная и удобоваримая инструкция по установке этой капчи на vue3? я всё никак не могу нормально настроить(
Там работы на 5 минут)
ну да, тут вопрос-то по большей части в том, как сделать так, чтобы скрипт этой капчи подгружался и работал ТОЛЬКО на той странице, где есть форма. стэк, если что, laravel/inertia/vue/vite
inertia это серверсайд?
Обсуждают сегодня