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 相关文章推荐
DHTML 中的绝对定位
Nov 26 Javascript
jquery中this的使用说明
Sep 06 Javascript
FireFox下XML对象转化成字符串的解决方法
Dec 09 Javascript
jquery的each方法使用示例分享
Mar 25 Javascript
使用script的src实现跨域和类似ajax效果
Nov 10 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
Dec 18 Javascript
js选择器全面解析
Jun 27 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
Dec 13 Javascript
微信小程序 数组中的push与concat的区别
Jan 05 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
webpack打包并将文件加载到指定的位置方法
Feb 22 Javascript
在vue中使用el-tab-pane v-show/v-if无效的解决
Aug 03 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
德生PL660的电路分析和打磨
2021/03/02 无线电
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
windows下安装php的memcache模块的方法
2015/04/07 PHP
用php和jQuery来实现“顶”和“踩”的投票功能
2016/10/13 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
ThinkPHP框架获取最后一次执行SQL语句及变量调试简单操作示例
2018/06/13 PHP
PHP实现的ID混淆算法类与用法示例
2018/08/10 PHP
addRule在firefox下的兼容写法
2006/11/30 Javascript
js+CSS 图片等比缩小并垂直居中实现代码
2008/12/01 Javascript
超酷的网页音乐播放器DewPlayer使用方法
2010/12/18 Javascript
Jquery知识点一 Jquery的ready和Dom的onload的区别
2011/01/15 Javascript
Dom操作之兼容技巧分享
2011/09/20 Javascript
javascript学习基础笔记之DOM对象操作
2011/11/03 Javascript
node.js中的fs.readSync方法使用说明
2014/12/17 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
2015/09/01 Javascript
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
2015/10/12 Javascript
jQuery表单插件ajaxForm实例详解
2017/01/17 Javascript
重新理解JavaScript的六种继承方式
2017/03/24 Javascript
JavaScript无缝滚动效果的实例代码
2017/03/27 Javascript
vue.js中created方法作用
2018/03/30 Javascript
node和vue实现商城用户地址模块
2018/12/05 Javascript
IDEA安装vue插件图文详解
2019/09/26 Javascript
python实现目录树生成示例
2014/03/28 Python
Python实现的当前时间多加一天、一小时、一分钟操作示例
2018/05/21 Python
Python 生成 -1~1 之间的随机数矩阵方法
2018/08/04 Python
关于css中margin的值和垂直外边距重叠问题
2020/10/27 HTML / CSS
香港通票:Hong Kong Pass
2019/02/26 全球购物
英国领先的独立酒精饮料零售商:DrinkSupermarket
2021/01/13 全球购物
委托证明书
2014/09/17 职场文书
刑事和解协议书范本
2014/11/19 职场文书
暑假安全保证书
2015/02/28 职场文书
搞笑婚前保证书
2015/02/28 职场文书
志愿者工作心得体会
2016/01/15 职场文书
大学生安全教育心得体会
2016/01/15 职场文书
2016中秋节月饼促销广告语
2016/01/28 职场文书
python process模块的使用简介
2021/05/14 Python