Comment on page
🔌
Vue Stripe Plugin
Vue.js plugin for Stripe JS Object.
Maybe you don't need the checkout or the elements. Maybe you just need to access the other methods provided by the Stripe JS SDK. This plugin will help you do that.
HTML
Nuxt
index.html
<script src="https://js.stripe.com/v3"></script>
nuxt.config.js
export default {
...
head: {
script: [
{ src: 'https://js.stripe.com/v3' },
],
},
...
};
Import and register the
StripePlugin plugin.import Vue from 'vue';
import { StripePlugin } from '@vue-stripe/vue-stripe';
const options = {
pk: process.env.STRIPE_PUBLISHABLE_KEY,
testMode: true, // Boolean. To override the insecure host warning
stripeAccount: process.env.STRIPE_ACCOUNT,
apiVersion: process.env.API_VERSION,
locale: process.env.LOCALE,
};
Vue.use(StripePlugin, options);
This will give you access to
this.$stripe, Where this.$stripe = window.Stripe(PUBLISHABLE_KEY, options).With this, you can now access the Stripe methods like,
.confirmCardPayment, .confirmAlipayPayment, and more. See here.Last modified 1yr ago