vueで外部から取得するiframeの状態を取得したい

Question

前提・実現したいこと

Vue初心者です。

Vueでフォームを作って、recaptchaにバリデーションを加えようとしています。
そこで、外部から読み込んだrecaptchaのiframeにチェックされているかどうかを知りたいです。
そのうえでチェックが入っていれば送信ボタンのdisabledを解除しようとしています。

発生している問題・エラーメッセージ

この状態だとsetTimeOutより前にif文が実行される？
やり方を変えてsetTimeOutにiframe.setAttribute("v-on:click", "check")というメソッドを追加してみようとしたがこのやり方だと仮想DOMではないのでダメ？

該当のソースコード

mounted() {
    setTimeout(() => {
          var iframe = document.getElementsByTagName("iframe").item(0); 
          var target = document.getElementById("g-recaptcha-response").value;
          console.log(iframe);  // <iframe></iframe>取得
          console.log(target);  // ""  recaptchaにチェックが入った時はレスポンスの文字列が返ってくる
    }, 1000);

　　if (target!=="") {
      // ボタンのdisabledを解除
    }

},

Answer 1

素直にライブラリを頼ってはいかがでしょうか…？
https://www.npmjs.com/package/vue-recaptcha-v3

Comments

[aiueo.aaa]

申し訳ないのですが、formrunが提供するrecaptchaなのです
（あまりformrunの仕様を理解していないですが、、）

[mather]

なるほど。そのような制約などはできれば質問に記載してください。