通过引入第三方npm包下载 javascript sdk插件

可以分正式环境和测试环境
https://developer.paypal.com/sdk/js/

测试环境: sandbox mode

创建一个沙盒账号用于测试付款,create一个App生成client_id用于收款

正式环境: live mode

code

//通过v-if渲染,避免渲染重复<div v-if="isShowPaypal"id='paypal-button-container'></div>
loadScript({ "client-id": 'AZMsaDjxE2mAJ4UpvFP2NpsrRHgQXTdH0xYVOzcAg1ey7r4gJ96-e8g63IKAFl0U2QizjeldeSa09nd2' }).then((paypal) => {paypal.Buttons({style: {layout: 'vertical',color: 'blue',shape: 'pill',label: 'paypal'},//初始化onInit: function (data, actions) {console.log(data)// Disable the buttons//actions.disable();//actions.enable();},//创建订单createOrder: function(data, actions) {// Set up the transactionreturn actions.order.create({purchase_units: [{amount: {value: payData.amount,// currency_code: ''}}]});},onApprove: async (data, actions) => {this.$toast('支付成功' + JSON.stringify(data) + '=======' + JSON.stringify(actions))},//取消支付onCancel:  (data) => {this.$toast('支付取消')this.$router.push('/gameStoreCenter')},}).render('#paypal-button-container')}).catch((err) => {console.error("failed to load the PayPal JS SDK script", err);});

paypal Javascript sdk 笔记相关推荐

  1. Android 最新版 Paypal 智能付款按钮 Paypal JavaScript SDK 集成:Smart Payment Buttons

    前言: 我们在2017年,在我们的业务中接入了paypal支付,当时使用的PayPal Android SDK,github地址  ,期间一切正常,最近paypal官方发来一封邮件,重要集成变更 在P ...

  2. JavaScript基础笔记集合(转)

    JavaScript基础笔记集合 JavaScript基础笔记集合   js简介 js是脚本语言.浏览器是逐行的读取代码,而传统编程会在执行前进行编译   js存放的位置 html脚本必须放在< ...

  3. Java程序猿的JavaScript学习笔记(12——jQuery-扩展选择器)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  4. Java程序猿的JavaScript学习笔记(汇总文件夹)

    最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...

  5. JavaScript学习笔记(五)

    JavaScript学习笔记(五) ①Array类 本地对象 ②Date类 ①Global对象 对象的类型   内置对象 ②Math对象 宿主对象 今天继续学习JS中的对象,昨天内置对象Global对 ...

  6. JavaScript学习笔记(备忘录)

    JavaScript学习笔记(备忘录) ===运算符 判断数值和类型是否相等.如: console.log('s'==='s') //输出trueconsole.log('1'===1) //输出fa ...

  7. Java程序猿的JavaScript学习笔记(10—— jQuery-在“类”层面扩展)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  8. JavaScript学习笔记(十)——学习心得与经验小结

    JavaScript学习笔记(十)--学习心得与经验小结 目前我先列好提纲,利用每晚和周末的闲暇时间,将逐步写完 ^_^ 转载于:https://www.cnblogs.com/mixer/archi ...

  9. [转载]Windows SDK笔记

    应程序需求需要重写窗体内子控件某一特定消息,可怜我苦苦找了二天也没找到资料,到CDSN提问也没有得到满意答案. 终归是上天不负有心人啊,终于被我发现了博主的一篇文章,总算是满意的解决问题了:在此感谢作 ...

最新文章

  1. .从三层架构到MVC,MVP
  2. 摘抄 web 经 关于 自适应网页设计(Responsive Web Design)
  3. 利用Python爬取糗事百科段子信息
  4. Linux下的Vsftpd配置篇
  5. hands-on Machine Learning with sklearn
  6. iTerm2 快捷键大全
  7. java3d曲面图开发_web三维图表的开发
  8. json 取值判断_对应后台传json ajax 获取值判断
  9. 【翻译+整理】.NET Core的介绍
  10. dotnet core在Linux下运行的步骤
  11. MEMS惯性传感器初始姿态角的确定
  12. matlab simulink光伏发电系统MPPT算法
  13. 《MATLAB智能算法30个案例》:第11章 基于多层编码遗传算法的车间调度算法
  14. 【游戏策划】Excel的使用技巧(一)
  15. 1一9数字行书写法_阿拉伯数字怎么写好看(数字1到10的漂亮手写体)
  16. PMP-资源优化:资源平衡、资源平滑区别和举例,附对比图收藏
  17. Eclipse设置护眼(绿豆沙)颜色
  18. ui设计师色彩运用_网页设计师的20多种色彩工具
  19. 计算机开机后黑屏 只有鼠标,电脑开机黑屏只有鼠标两种解决方法
  20. Flume从入门实战到精通再到面试一文搞定

热门文章

  1. 逻辑删除真的不是一个好的设计
  2. js过圆外一点的直线与圆相切的切点坐标计算
  3. 轻度BT:程序员们的结婚日子!
  4. 在c++中使用easyx画一个实时走动的钟表(方法细节)
  5. 神经网络滤镜不能使用吗,神经滤镜为什么不能用
  6. Qt Mediaplayer videoplayer 例子工程 Media Player Example 应用过程中出现的问题(一)视频无法播放
  7. 内联js th:inline标签
  8. 网易云音乐“内外人格测试”思考
  9. OpenPLC--可编程控制器的发展趋势[本博客注:内容主要是关于PLC的开放性与现状]
  10. 并非左眼球看到的东西会传到右脑,右眼球看到的东西会传到左脑