vue.js - 通过 Vue 中的数据属性传递函数引用

Question

我正在尝试将一个函数传递给 recaptcha 以用作回调。我需要写:

data-callback="function"

在 Vue 中如何添加函数引用？我试过:

data-callback="{{ this.submitFocus }}"

data-callback="this.submitFocus"

我正在使用 Vue 2

Answer 1

Recaptcha2 使用data-callback 字符串来调用一个全局可用的函数。

根据我在 documentation 中看到的内容, 看起来没有编程方式来设置它所以你可能不得不使用这样的东西

beforeMount () {
  window.submitFocus = () => { // using arrow function to preserve "this"
    this.submitFocus()
  }
},
beforeDestroy () {
  delete window.submitFocus
}

与

data-callback="submitFocus"

在你的模板中。属性值只需要匹配添加到 window 的函数即可。