同属 Stripe.js v3,但新旧不同
elements.create('card')
一个单一的卡信息输入框(卡号 + 有效期 + CVC 合并)。
样式由开发者控制,只支持信用卡/借记卡,不支持 Apple Pay、Google Pay 等。
elements.create('payment')
一体化支付面板,自动展示当前账户 / 地区可用的所有支付方式(卡、
Apple Pay、Google Pay、SEPA…)。样式与交互由 Stripe 托管。
点击上方按钮创建 PaymentIntent 并加载支付面板
| 维度 | Card Element(旧) | Payment Element(新) |
|---|---|---|
| 组件名 | elements.create('card') | elements.create('payment') |
| 支付方式 | 仅信用卡 / 借记卡 | 卡 + Apple Pay + Google Pay + SEPA 等多种 |
| UI 控制 | 开发者自定义样式 | Stripe 托管,自动适配 |
| 初始化方式 | 无需 clientSecret 即可挂载 | 需先创建 PaymentIntent 获得 clientSecret |
| 确认方式 | confirmCardPayment() | confirmPayment() |
| Stripe 推荐度 | 仍支持,逐步过渡 | 当前首推 |