Stripe Elements components for Vue
npm install vue-stripe-elementsA Vue 2 component collection for stripe elements.
Install package:
``
$ npm i vue-stripe-elements --save
Add Stripe.js library to index.html:
`
Build a Vue component using the Card element:
`html
Please give us your payment details:
stripe='pk_test_XXXXXXXXXXXXXXXXXXXXXXXX'
:options='stripeOptions'
@change='complete = $event.complete'
/>
`
Multiple elements
=================
Even if it is recommended to use the unified Card element, single elements for each field are supported. The following example shows a possible use in a credit card component:
`html
:stripe='stripe'
:options='options'
@change='number = $event.complete'
/>
:stripe='stripe'
:options='options'
@change='expiry = $event.complete'
/>
:stripe='stripe'
:options='options'
@change='cvc = $event.complete'
/>
``