Is there a way to access the cardElement?

[Ale-RJP]

I'm trying to confirm the card payment, to be able to do it, I need to provide the cardElement inside the payment method (https://stripe.com/docs/js/payment_intents/confirm_card_payment)

Is there a way to get it? Currently i'm able to mount a stripe element on top of the v-stripe-card component, it works but the component looses its visual attributes.

I hope you can help me, or maybe point me to a solution.

If you assign a ref attribute to the v-stripe-card element, you should be able to access the cardElement from there:

<template>
  <v-stripe-card
    ref="stripeElement"
    v-model="token"
    :api-key="process.env.VUE_APP_STRIPE_API_KEY"
  />
</template>

<script>
  export default {
    data: () => ({
      token: null
    }),
    methods: {
      payment: () => {
        this.$refs.stripeElement.card // This is the cardElement
        // Confirm the card payment ...
      }
    }
  }
</script>