Moonpay SDK 表单未按预期初始化

Moonpay SDK form not initializing as expected

我正在尝试将 MoonPay 集成到我的应用程序中。我无法在我的 Vue 应用程序上初始化 Moonpay 表单。我想我在这里做错了。

createCardDetailsForm(formCallback: (formState: any) => any): any; 这是根据他们的文档

      console.log("asd");
      console.log(formCallback);
      formCallback.createField("#cc-number", {
        name: "number",
        value: "4000 0231 0466 2535",
        placeholder: "4242 4242 4242 4242",
        type: "card-number",
        validations: ["validCardNumber"]
      });
      this.form.createField("#cc-expiration", {
        name: "expiryDate",
        value: "12/2020",
        placeholder: "MM / YY",
        type: "card-expiration-date",
        validations: ["validCardExpirationDate"]
      });
      this.form.createField("#cc-cvc", {
        name: "cvc",
        value: "123",
        placeholder: "123",
        type: "card-security-code",
        validations: ["validCardSecurityCode"]
      });
      this.createMoonPayForm();
    });

我在Moonpay中就是这样初始化的。我正在使用控制台查看是否有任何弹出窗口，但即使 asd 不是

也不会打印任何内容

您应该在挂载函数上调用表单。 Mounted 将允许表单在模板初始化后呈现

Moonpay SDK 表单未按预期初始化

Moonpay SDK form not initializing as expected

javascript

callback

ecmascript-6

vue.js