无法读取未定义的属性（读取“$recaptcha”）

Question

我正在尝试将 CAPTCHA 验证与我的联系页面集成，我一直在关注 @nuxtjs/recaptcha 的文档，但每次我想访问变量时都会收到错误 Cannot read properties of undefined (reading '$recaptcha')得到回应。

尝试使用 v2 和 v3。这是模块的配置：

recaptcha: {
    version: '3',
    hideBadge: false,
    size: 'normal',
    siteKey: 'secret'
  },

我是这样访问变量的，这就是他们在文档中访问它的方式。 （在 v2 中）

onSubmit: async () => {
      try {
        const token = await this.$recaptcha.getResponse();
        console.log('Token:', token);

        this.$recaptcha.reset();
      } catch (error) {
        console.error(error);
      }
    }

如有必要，我可以提供有关代码的更多信息。欢迎任何帮助！

Answer 1

我发现它为什么打印 undefined。

总之，我在使用箭头函数时不能使用this关键字。我必须使用 function 关键字声明该函数，然后才能打印 $recaptcha$.