Question

当使用例如<div data-callback="recaptchaCallback"></div>时，使用

执行函数recaptchaCallback

<script>
function recaptchaCallback() {
    alert('OK');
}
</script>

上面的代码有效，我得到了一个带有＆＃34; OK＆＃34;。

的Alertbox

但是我需要在Vue中实现这一点，以便能够在vue内的Ajax请求中发送回调数据。

我如何在Vue中实现这一点，以便当我收到回调时，我可以使用这些数据在Vue中执行代码？

Answer 1

将该函数放在单独的js文件中并将其导入组件。

// alert.js 
const alert = function recaptchaCallback(data) {
    alert('OK');
    // do something with data...
}
export default alert

// my-component.vue
import alert from 'path/to/alert.js'
...
methods: {
    onSomeAction (data) {
        alert(data)
    }
 }

在vue中使用数据回调

1 个答案: