如何设置使用保存的支付方式进行付款

要设置使用保存的支付方式进行付款:

  1. 在支付UI的HTML标记中添加psdk-saved-methods组件以显示保存的支付方式列表。
示例
Copy
Full screen
Small screen
<psdk-saved-methods></psdk-saved-methods>
  1. 添加用于选择已保存支付方式的事件处理。
示例
Copy
Full screen
Small screen
const savedMethods = document.querySelector('psdk-saved-methods');
savedMethods?.addEventListener('savedMethodSelected', async (event) => {
  this.showForm = true;
});
  1. 初始化支付UI。
示例
Copy
Full screen
Small screen
savedMethods?.addEventListener('savedMethodSelected', async (event) => {
  await headlessCheckout.form.init({
    paymentWithSavedMethod: true, // Payment via saved method
    savedMethodId: event.detail.savedMethodId,
    paymentMethodId: event.detail.paymentMethodId,
    returnUrl: 'returnUrl',
  });
});
本文对您的有帮助吗?
谢谢!
我们还有其他可改进之处吗? 留言
非常抱歉
请说明为何本文没有帮助到您。 留言
感谢您的反馈!
我们会查看您的留言并运用它改进用户体验。

继续阅读

上次更新时间: 2025年3月5日

发现了错别字或其他内容错误? 请选择文本,然后按Ctrl+Enter。

报告问题
我们非常重视内容质量。您的反馈将帮助我们做得更好。
请留下邮箱以便我们后续跟进
感谢您的反馈!