2.2.0 • Published 2 years ago

vue-braintree-sl-test v2.2.0

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

Vue Braintree

Build Status Maintainability Test Coverage

Braintree Drop In

  • Works with: Credit Cards, Paypal, Apple Pay, Google Pay, etc.
  • Choose your own language. Available in English, French, Spanish, etc.
  • Fully customizable

Documentation

Complete documentation and examples available at https://francoislevesque.github.io/vue-braintree/.

Quick start

Import the plugin in your Vue Application.

import Vue from 'vue'
import vue-braintree from 'vue-braintree'

Vue.use(vue-braintree)

In order to use the Drop-in UI, you'll first need to get a tokenization key from the Control Panel or generate a client token on your server. This will be your authorization used when creating Drop-in.

<v-braintree 
    authorization="xxxxxxxxxxxxxxxxxxxxxx"
    @success="onSuccess"
    @error="onError"
></v-braintree>
export default {
  methods: {
    onSuccess (payload) {
      let nonce = payload.nonce;
      // Do something great with the nonce...
    },
    onError (error) {
      let message = error.message;
      // Whoops, an error has occured while trying to get the nonce
    }
  }
}