vue H5微信支付代码

最新推荐文章于 2024-09-10 19:06:23 发布

vhen2019

最新推荐文章于 2024-09-10 19:06:23 发布

阅读量404

点赞数

分类专栏：前端 vue

本文链接：https://blog.csdn.net/vhen2019/article/details/105991276

版权

vue 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

前端

3 篇文章 0 订阅

订阅专栏

methods: {
  weixinPay() {
    if (typeof WeixinJSBridge == "undefined") {
      if (document.addEventListener) {
        document.addEventListener("WeixinJSBridgeReady",this.onBridgeReady(data),false);
      } else if (document.attachEvent) {
        document.attachEvent("WeixinJSBridgeReady",this.onBridgeReady(data));
        document.attachEvent("onWeixinJSBridgeReady",this.onBridgeReady(data));
      }
    } else {
      this.onBridgeReady(data);
    }
  },
  onBridgeReady(){
    WeixinJSBridge.invoke(
      "getBrandWCPayRequest",
      {
        appId: data.appid, //公众号名称，由商户传入
        timeStamp: data.timestamp, //时间戳，自1970年以来的秒数
        nonceStr: data.nonce_str, //随机串
        package: data.prepay_id, //订单详情扩展字符串
        signType: data.signType, //微信签名方式：
        paySign: data.paySign, //微信签名
      },
      res => {
        if(res.err_msg == "get_brand_wcpay_request:ok"){
          // ...
        }else{
          alert("支付失败！");
        }
      }
    );
  }
}

个人博客微信支付完整代码

前端程序搞副业文章