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 相关文章推荐
JS对URL字符串进行编码/解码分析
Oct 25 Javascript
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
Jul 13 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 Javascript
JS是按值传递还是按引用传递
Jan 30 Javascript
JS实现具备延时功能的滑动门菜单效果
Sep 17 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
原生JavaScript实现异步多文件上传
Dec 02 Javascript
jquery及js实现动态加载js文件的方法
Jan 21 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
Nov 05 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
Aug 25 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
vue-cli4.5.x快速搭建项目
May 30 Vue.js
详解如何实现一个简单的 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
DC四月将推出百页特刊漫画 纪念小丑诞生80周年
2020/04/09 欧美动漫
关于php curl获取301或302转向的网址问题的解决方法
2011/06/02 PHP
遍历指定目录下的所有目录和文件的php代码
2011/11/27 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
php生成4位数字验证码的实现代码
2015/11/23 PHP
Joomla开启SEF的方法
2016/05/04 PHP
php版微信发红包接口用法示例
2016/09/23 PHP
PHP基于PDO实现的SQLite操作类【包含增删改查及事务等操作】
2017/06/21 PHP
用js判断用户浏览器是否是XP SP2的IE6
2007/03/08 Javascript
运算符&&的三个不同层次
2013/04/07 Javascript
你必须知道的Javascript知识点之"this指针"的应用
2013/04/23 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
2015/07/22 Javascript
js清除浏览器缓存的几种方法
2017/03/15 Javascript
微信小程序访问node.js接口服务器搭建教程
2017/04/25 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
react native 原生模块桥接的简单说明小结
2019/02/26 Javascript
详解原生JS回到顶部
2019/03/25 Javascript
jquery 验证用户名是否重复代码实例
2019/05/14 jQuery
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
Angular8 简单表单验证的实现示例
2020/06/03 Javascript
python读写ini文件示例(python读写文件)
2014/03/25 Python
python实现简单socket程序在两台电脑之间传输消息的方法
2015/03/13 Python
python的pyecharts绘制各种图表详细(附代码)
2019/11/11 Python
Tensorflow: 从checkpoint文件中读取tensor方式
2020/02/10 Python
python GUI库图形界面开发之PyQt5开发环境配置与基础使用
2020/02/25 Python
python 通过文件夹导入包的操作
2020/06/01 Python
如何解决安装python3.6.1失败
2020/07/01 Python
PyQt5结合matplotlib绘图的实现示例
2020/09/15 Python
CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
2012/11/13 HTML / CSS
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
如何在Cookie里面保存Unicode和国际化字符
2013/05/25 面试题
护士的自我鉴定
2014/02/07 职场文书
公务员政审材料范文
2014/12/23 职场文书
酒会邀请函
2015/01/31 职场文书
酒店圣诞节活动总结
2015/05/06 职场文书
Java后台生成图片的完整步骤
2021/08/04 Java/Android