删除付款方式后重新加载布伦特里插入式 UI

Question

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

Answer 1

_{完全披露：我在Braintree工作。如果您有任何其他问题，请随时联系 支持。}

您可以通过在插入实例上使用 teardown 方法重新加载插入式 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!');
  }
});

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

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

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

升级后，在braintree.dropin.create()呼叫中将vaultManager设置为true，如下所示：

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