Блог

Я пытаюсь применить шаги на https://developers.google.com/recaptcha/docs/v3#automatically_bind_the_challenge_to_a_button для страницы JavaScript (Vue), но я не уверен, что это было бы возможно с использованием того же подхода, упомянутого там.

Вот моя реализация на vue.js страница:

 <a-button class="primary g-recaptcha"
          data-sitekey="reCAPTCHA_site_key"
          data-callback='onSubmit'>
          Login
</a-button>


onSubmit() {
  this.login(payload).then((response) => {
          this.$service.dispatch(...).then(() => {
            // ...
          });
  });
},

 

Но если я не использую @click , onSubmit метод не срабатывает. Если я его использую, он срабатывает, но отправляю данные на серверную часть без g-recaptcha-response него . Я также пытался добавить data-action='onSubmit' к <button> этому , но проблема не может быть решена. Итак, есть ли какой-либо мисатек, связанный с моей реализацией? Я думаю, что упустил какой-то момент, но не нашел его.