删除付款方式后重新加载 Braintree Drop-In UI答案

【问题标题】：Reload Braintree Drop-In UI After Payment Method Delete删除付款方式后重新加载 Braintree Drop-In UI
【发布时间】：2018-08-07 15:53:33
【问题描述】：

当我执行this.gateway.paymentMethod.delete(response.paymentMethod.token); 时，有没有办法重新加载 Drop-In UI 以明确向用户显示他们的付款方式已被删除？换言之，付款方式已从 Drop-In UI 内的付款方式列表中删除。

【问题讨论】：

标签： javascript braintree

【解决方案1】：

_{全面披露：我在 Braintree 工作。如果您还有其他问题，请随时联系
support.}

您可以使用 Drop-in 实例上的 teardown 方法重新加载 Drop-in UI，然后调用 braintree.dropin.create()。 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!');
  }
});

Drop-in 拆除后，您可以再次致电braintree.dropin.create() 以设置 Drop-in 以显示客户准确存储的付款方式。

虽然实现略有不同，但this tutorial 中有一个teardown 方法的示例。

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

升级后，在braintree.dropin.create() 调用中将vaultManager 设置为true，类似于：

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

【讨论】：