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

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

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

继续阅读

上次更新时间: 2025年9月19日

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

报告问题
我们非常重视内容质量。您的反馈将帮助我们做得更好。
请留下邮箱以便我们后续跟进
感谢您的反馈!
无法发送您的反馈
请稍后重试或发送邮件至doc_feedback@xsolla.com与我们联系。