As I delve into the world of Vue-Stripe-Checkout, I encountered a snag right from the start with the demo code provided. The issue arises when utilizing the Vue Stripe Elements component. Has anyone else experienced this problem? There are no errors displayed, but the functionality fails to work after inputting details and clicking the button.
While the token function functions properly, the button click seems to be malfunctioning as depicted below:
<StripeElements
:pk="publishableKey"
:amount="amount"
locale="auto"
@token="tokenCreated"
@loading="loading = $event"
ref="elementsRef"
>
</StripeElements>
<v-btn color="primary" @click="submit">Pay ${{amount / 100}}</v-btn>
this.$refs.elementsRef.submit();
An example in a sandbox environment can be found here: https://codesandbox.io/s/purple-firefly-ovj4r?file=/src/App.vue
Your insights are greatly appreciated!