带独立卡元素的条纹网关卡支付

Question

我正在使用 vue 将 Stripe Gateway 与幼虫应用程序集成。我设法做了所有事情，但我现在遇到了一个奇怪的问题。

对于 UI 条纹说我可以使用他们的 'card' 元素，这将显示一组卡片输入字段，或者我可以组合 cardNumber、cardCvc 等元素来输入这些信息由用户单独提供。

当我使用 stripe.js 确认付款 API 处理付款时，在所有文档中它仅显示 'card' 元素。如果我使用 api using card 元素，它会完美地工作。

但我想使用 cardNumber、cardExpiry 和 cardCvc 执行确认付款操作。

我该怎么做？任何帮助将不胜感激。不幸的是，stripe 自己的文档对此没有提及。

Answer 1

当使用单独的元素时，您实际上可以将任何输入传递给 confirmCardPayment. This is vaguely referenced here 的卡片参数。

Uses the provided card or cardNumber Element for confirmation.

Stripe.js 将自动从页面上的托管元素实例传递其他关联的输入（例如 cardExpiry 和 cardCvc）。无需手动传递每个 Element 对象。