vue中集成的ui组件库_Vue组件可使用Vault Flow通过Braintree集成PayPal付款

最新推荐文章于 2024-08-05 11:19:40 发布

cuk5239

最新推荐文章于 2024-08-05 11:19:40 发布

阅读量479

点赞数

文章标签： vue typescript js react go ViewUI

原文链接：https://vuejsexamples.com/vue-component-to-integrate-paypal-payments-through-braintree-using-vault-flow/

版权

vue中集成的ui组件库

Vue Braintree PayPal按钮 (Vue Braintree PayPal button)

Vue component to integrate PayPal payments through Braintree using Vault flow.

Vue组件可使用Vault Flow通过Braintree集成PayPal付款。

View Demo 查看演示 View Github 查看Github

安装 (Installation)

纱 (Yarn)

yarn add @mrjeffapp/vue-braintree-paypal-button

NPM (NPM)

npm install --save @mrjeffapp/vue-braintree-paypal-button

用法 (Usage)

示例：TokenGenerator.vue (Example: TokenGenerator.vue)

<template>
    <BraintreePaypalButton v-bind:styles="{ shape: 'rect' }" :token="token" :env="environment" :locale="locale" v-on:error="onError" v-on:authorized="onAuthorize" v-on:canceled="onCancel" />
</template>

<script>

import BraintreePaypalButton from '@/components/BraintreePaypalButton.vue';

export default {
  name: 'TokenGenerator',
  components: {
    BraintreePaypalButton,
  },
  data() {
    return {
      environment: 'sandbox',
      token: 'token',
      locale: 'es_ES',
    };
  },
  methods: {
    onAuthorize: (nonce) => {
      console.log(nonce);
    },
    onCancel: () => {
      console.log('Cancelled');
    },
    onError: (error) => {
      console.error(error);
    },
  },
};
</script>

<style>
</style>