vue.js 微信支付前端代码分享


Posted in Javascript onFebruary 10, 2018

实例如下所示:

onBridgeReady: function () {
  const openId = localStorage.getItem('openId')
  payService.payment(this.$route.params.orderId, 1, openId).then(rt => { //1:支付类型,可不填
  this.message = rt.t
  WeixinJSBridge.invoke(
    'getBrandWCPayRequest', {
    'appId': this.message.appId,
    'timeStamp': this.message.timeStamp,
    'nonceStr': this.message.nonceStr,
    'package': this.message.package,
    'signType': this.message.signType,
    'paySign': this.message.paySign
    },
   function (res) {
   console.log(res)
   if (res.err_msg === 'get_brand_wcpay_request:ok') {
    Toast('微信支付成功')
    this.$router.push('/MineOrder')
   } else if (res.err_msg === 'get_brand_wcpay_request:cancel') {
    Toast('用户取消支付')
    // window.location.href = 'gift_failview.do?out_trade_no=' + this.orderId
   } else if (res.err_msg === 'get_brand_wcpay_request:fail') {
    Toast('网络异常,请重试')
   }
   }
  )
  })
 },
 callpay: function () {
  if (typeof WeixinJSBridge === 'undefined') {
  if (document.addEventListener) {
   document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(), false)
  } else if (document.attachEvent) {
   document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady())
   document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady())
  }
  } else {
  this.onBridgeReady()
  }
 }

以上这篇vue.js 微信支付前端代码分享就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript之锁定表格栏位
Jun 29 Javascript
js form 验证函数 当前比较流行的错误提示
Jun 23 Javascript
一个JS小玩意 几个属性相加不能超过一个特定值.
Sep 29 Javascript
IE JS无提示关闭窗口不提示的方法
Apr 29 Javascript
对xmlHttp对象方法和属性的理解
Jan 17 Javascript
JavaScript中setInterval的用法总结
Nov 20 Javascript
动态加载js、css的简单实现代码
May 26 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
Aug 25 Javascript
self.attachevent is not a function的解决方法
Apr 04 Javascript
详解Angular 4.x NgIf 的用法
May 22 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
Sep 06 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
Apr 07 Javascript
详解如何实现一个简单的 vuex
Feb 10 #Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
Feb 10 #Javascript
使用 vue.js 构建大型单页应用
Feb 10 #Javascript
javascript中的隐式调用
Feb 10 #Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
Feb 10 #Javascript
webpack之devtool详解
Feb 10 #Javascript
React组件refs的使用详解
Feb 09 #Javascript
You might like
PHP实现把文本中的URL转换为链接的auolink()函数分享
2014/07/29 PHP
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
PHP实现动态添加XML中数据的方法
2018/03/30 PHP
JavaScript 编程引入命名空间的方法
2007/06/29 Javascript
javascript textContent与innerText的异同分析
2010/10/22 Javascript
写了10年的Javascript也未必全了解的连续赋值运算
2011/03/25 Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
2012/10/24 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
JS实现数组去重复值的方法示例
2017/02/18 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
vue中的过滤器实例代码详解
2019/06/06 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
2019/09/25 Javascript
vue-resource post数据时碰到Django csrf问题的解决
2020/03/13 Javascript
JavaScript 防盗链的原理以及破解方法
2020/12/29 Javascript
[02:03]永远的信仰DOTA2 中国军团历届国际邀请赛回顾
2016/06/26 DOTA
深入讨论Python函数的参数的默认值所引发的问题的原因
2015/03/30 Python
python 实现登录网页的操作方法
2018/05/11 Python
Python高级特性切片(Slice)操作详解
2018/09/27 Python
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
python找出一个列表中相同元素的多个索引实例
2019/06/11 Python
Python eval函数原理及用法解析
2020/11/14 Python
请解释在new与override的区别
2012/10/29 面试题
简述安装Slackware Linux系统的过程
2012/05/08 面试题
高分子材料个人求职信范文
2013/09/25 职场文书
高中毕业生自我鉴定
2013/11/03 职场文书
教师个人的自我评价分享
2014/01/02 职场文书
单位成立周年感言
2014/01/26 职场文书
护士节活动总结
2014/08/29 职场文书
教师批评与自我批评总结
2014/10/16 职场文书
出纳工作检讨书
2014/10/18 职场文书
2014年服务员工作总结
2014/11/18 职场文书
2015年会计工作总结范文
2015/05/26 职场文书
企业安全生产规章制度
2015/08/06 职场文书
《从现在开始》教学反思
2016/02/16 职场文书
一次SQL查询优化原理分析(900W+数据从17s到300ms)
2022/06/10 SQL Server