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 相关文章推荐
基于Jquery的开发个代阴影的对话框效果代码
Jul 28 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
Sep 04 Javascript
javascript 循环调用示例介绍
Nov 20 Javascript
js在IE与firefox的差异集锦
Nov 11 Javascript
值得分享的bootstrap table实例
Sep 22 Javascript
JavaScript实现垂直向上无缝滚动特效代码
Nov 23 Javascript
微信小程序教程系列之新建页面(4)
Apr 17 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
Jul 27 Javascript
vue实现打印功能的两种方法
Sep 07 Javascript
在vue中使用console.log无效的解决
Aug 09 Javascript
基于JavaScript实现大文件上传后端代码实例
Aug 18 Javascript
js实现贪吃蛇游戏(简易版)
Sep 29 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
memcached 和 mysql 主从环境下php开发代码详解
2010/05/16 PHP
Destoon旺旺无法正常显示,点击提示“会员名不存在”的解决办法
2014/06/21 PHP
PHP实现将科学计数法转换为原始数字字符串的方法
2014/12/16 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
js中substring和substr的详细介绍与用法
2013/08/29 Javascript
编写高效jQuery代码的4个原则和5个技巧
2014/04/24 Javascript
jQuery中val()方法用法实例
2014/12/25 Javascript
通过JS判断联网类型和连接状态的实现代码
2015/04/01 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
Bootstrap实现导航栏的2种方式
2016/11/28 Javascript
Vue.js在使用中的一些注意知识点
2017/04/29 Javascript
Vue 项目部署到服务器的问题解决方法
2017/12/05 Javascript
利用Node.js批量抓取高清妹子图片实例教程
2018/08/02 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
[01:07:53]RNG vs VG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python文件操作整理汇总
2014/10/21 Python
Python2随机数列生成器简单实例
2017/09/04 Python
Python 实现淘宝秒杀的示例代码
2018/01/02 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
python使用for循环计算0-100的整数的和方法
2019/02/01 Python
Python yield的用法实例分析
2020/03/06 Python
Python+PyQt5实现灭霸响指功能
2020/05/25 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
EJB timer的种类
2014/10/28 面试题
会计专业毕业生自我鉴定
2013/10/29 职场文书
会计自荐书
2013/12/02 职场文书
护士检查书
2014/01/17 职场文书
试用期转正员工自我评价
2014/09/18 职场文书
工厂仓管员岗位职责
2015/04/01 职场文书
2015年机关党建工作总结
2015/05/22 职场文书
早会开场白台词大全
2015/06/01 职场文书
餐馆开业致辞
2015/08/01 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书
Spring Data JPA的Audit功能审计数据库的变更
2021/06/26 Java/Android
Python可视化学习之seaborn调色盘
2022/02/24 Python
Redis中key的过期删除策略和内存淘汰机制
2022/04/12 Redis