付款方式删除后重新加载Braintree插入UI

Question

当我执行时， this.gateway.paymentMethod.delete(response.paymentMethod.token); ，是否有任何方法可以重新加载Drop-In UI，以明确向用户显示其付款方式已被删除？ 换句话说，付款方式已从Drop-In UI中的付款方式列表中删除。

Answer 1

_{全面披露：我在Braintree工作。 如果您还有其他疑问，请随时与支持小组联系。}

您可以通过使用Drop-in实例上的teardown方法并随后进行随后的braintree.dropin.create()调用来重新加载Drop-in UI。 teardown方法将通过dropin.create调用彻底删除所有设置。 您可以使用与此类似的方法：

instance.teardown(function (teardownErr) {
  if (teardownErr) {
    console.error('Could not tear down Drop-in UI!');
  } else {
    console.info('Drop-in UI has been torn down!');
  }
});

braintree.dropin.create()后，您可以再次调用braintree.dropin.create()来设置braintree.dropin.create() ，以显示客户准确的存储付款方式。

尽管实现方式略有不同，但本教程中有一个teardown方法的示例 。

更新：刚刚发布了一个新版本的Drop-in UI，它允许客户从Drop-in中删除其付款方式。 您可以通过升级到Drop-in的最新版本（v1.12.0）来使用它 。

一旦你升级，设置vaultManager到true的内braintree.dropin.create()调用，与此类似：

braintree.dropin.create({
  authorization: 'CLIENT_AUTHORIZATION',
  container: '#dropin-container',
  vaultManager: true
}, callback);