如何在第三3个版本的脑树信用卡中使用 onReady 或不同的东西

问题描述

版本 2。 有 onReady 方法。我已经登录了这个功能，并在集成中获得了拆卸功能。

版本 3。 没有 onReady。版本 3.7。到doc

connectCreditCard(clientToken: string,paymentType: string,orderCallBack: any) {
    const wrapStoreCheckOutId = this.storeCheckOutId.bind(this);

    braintree.setup(clientToken,'custom',{
      id: 'credit-card-form',hostedFields: {
        number: {
          selector: '#card-number'
        },cvv: {
          selector: '#cvv'
        },expirationDate: {
          selector: '#expiration-date'
        },styles: {
          'input': {
            'font-size': '18px'
          },'.valid': {
            'color': 'green','font-weight': 'bold'
          },'.invalid': {
            'color': 'red',}
      },onReady: function (integration) {
        wrapStoreCheckOutId(integration);
      },onPaymentMethodReceived: function (paymentObject) {
        orderCallBack(paymentType,paymentObject.nonce);
      }
    });
  }

  storeCheckOutId(checkoutObj: any) {
    this.checkOutId = checkoutObj;
  }

}

版本 3。没有 onReady。 3.7 版。

connectCreditCard(clientToken: string,orderCallBack: any) {
    const wrapStoreCheckOutId = this.storeCheckOutId.bind(this)
    braintree.client.create({
      authorization: clientToken
    }).then(function (clientInstance) {
      return braintree.hostedFields.create({
        client: clientInstance,'font-weight': 'bold'
          }
        },fields: {
          number: {
            selector: '#card-number'
          },cvv: {
            selector: '#cvv'
          },expirationDate: {
            selector: '#expiration-date'
          },}
      })
    }).then(async function (hostedFieldsInstance) {
      let form = await document.querySelector('#creditCardForm');


      await form.addEventListener('submit',async function (event) {
        event.preventDefault();

        await hostedFieldsInstance.tokenize().then(async function (payload) {
          return orderCallBack(paymentType,payload.nonce)
        })
      })
    },false)
 
  }

  storeCheckOutId(checkoutObj: any) {
     this.checkOutId = checkoutObj
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）