vue 中微信支付，显示WeiXinJSBridge is not defined的问题

最新推荐文章于 2024-08-28 15:07:44 发布

dakache11

最新推荐文章于 2024-08-28 15:07:44 发布

阅读量9.8k

点赞数 1

文章标签： vue 微信支付

本文链接：https://blog.csdn.net/dakache11/article/details/83894760

版权

本文详细介绍了如何在微信浏览器中使用JS-SDK实现微信支付功能。通过监听WeixinJSBridgeReady事件，调用WeixinJSBridge.invoke方法，传递支付请求参数，包括appId、timeStamp、nonceStr、package、signType和paySign，最终完成支付流程。

摘要由CSDN通过智能技术生成

  var vm= this;
        if (typeof WeixinJSBridge == "undefined"){//微信浏览器内置对象。参考微信官方文档
          if( document.addEventListener ){
            document.addEventListener('WeixinJSBridgeReady', vm.onBridgeReady(data), false);
          }else if (document.attachEvent){
            document.attachEvent('WeixinJSBridgeReady', vm.onBridgeReady(data));
            document.attachEvent('onWeixinJSBridgeReady',vm.onBridgeReady(data));
          }
        }else{
          vm.onBridgeReady(data);
        }






    onBridgeReady:function(data){
        var  vm = this;
        WeixinJSBridge.invoke(
          'getBrandWCPayRequest',{
            debug:true,
            "appId":data.appId,//公众号名称，由商户传入
            "timeStamp":data.timeStamp,//时间戳
            "nonceStr":data.nonceStr,//随机串
            "package":data.packageValue,//预支付id
            "signType":data.signType,//微信签名方式
            "paySign":data.paySign,//微信签名
          },
          function(res){
              console.log(res.err_msg)
//            debugger;
            // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
            if(res.err_msg == "get_brand_wcpay_request：ok" ){
              alert("支付成功")
//                vm.$router.push("/reservedBerth");
            }else{
//                alert("支付失败,请跳转页面"+res.err_msg);
            }
          }
        );
      },

祝工作顺利，身体健康