Marketo 表单嵌入到 Vue JS 应用程序

Question

我正在尝试将 Marketo 表单添加到我的 Vue Js 应用程序，但它似乎不起作用。

我在创建的生命周期挂钩中加载了初始 forms2.min.js 脚本，并且加载得很好。示例代码如下。

created() {
                  const scriptTag = document.createElement('script');
                  scriptTag.src = "//app-ab00.marketo.com/js/forms2/js/forms2.min.js";
                  scriptTag.setAttribute('charset', 'utf-8');
                  document.head.appendChild(scriptTag);
            }

在 html 模板中，我添加了容器元素来加载表单。

<form id="mktoForm_1057"></form>

然后我创建了一个由按钮触发以将表单加载到容器中的方法。

createForm(){
    MktoForms2.loadForm("//app-ab00.marketo.com", "785-UHP-775", 1057)
}

一旦我运行脚本，我就会收到此错误“MktoForms2 未定义”。我是不是做错了什么？

有人能帮帮我吗？

谢谢！

Answer 1

应该是

created() {
    const scriptTag = document.createElement('script');
    scriptTag.src = "//app-ab00.marketo.com/js/forms2/js/forms2.min.js";
    scriptTag.setAttribute('charset', 'utf-8');
    scriptTag.onload = function() {
        MktoForms2.loadForm("//app-ab00.marketo.com", "785-UHP-775", 1057);
    };
    document.head.appendChild(scriptTag);
}