#BBQCokeFan2
1 messages · Page 1 of 1 (latest)
Yeah, Vue support is muddy with Stripe.js directly. Have you tried using this third-party lib? https://vuestripe.com/
Otherwise, if you can share a reproduction of the issue then I can try and take a look but its not something we officially support
Hey @stark sundial , I saw this plugin, but it does not seem to support the required SEPA element.
I prepared a simple codepen (no Vue). You can see the IBAN element getting loaded, but no styling being applied. I hope there is an easy fix for that.
Did you try the Payment Element? We generally recommend using that over payment method specific (like IBAN) Elements
As far as I understand it the Payment Element needs a PaymentIntent right? But for that I need to specify an amount.
I try to create a usage based billing, where the amount would not be available yet.
Can I use a SetupIntent for the Payment Element?
Okay if the payment element works with the Setup Intend, then this is fine for me. I hope this goes smoothly from here. Thanks four your help!
Yep, there's an example here: https://stripe.com/docs/payments/save-and-reuse?platform=web
By the way, I just checked your code
You can't used the Appearance API with those old Elements
You need to use the style param: https://stripe.com/docs/js/appendix/style
elements.create('iban', {
style: { ... }
})
But it's not as customisable as the Payment Element with Appearance API (doesn't support as many selectors/variables)
To be honest I did not realize this implementation would be considered 'old'. I just followed the steps for usage based billing. But I think I got it from here. Thanks again 👐
Yeah some the docs are a little out-of-date and don't all use the Payment Element