vue 中微信支付,显示 WeiXinJSBridge is not defined的坑


//延迟调用!可以不用
setTimeout(() => {
   self.payment();
 }, 3000);
//支付
    payment() {
      var self = this;
      if (typeof WeixinJSBridge == "undefined") {
        if (document.addEventListener) {
          document.addEventListener( "WeixinJSBridgeReady",self.onBridgeReady(self.feedata),
            false
          );
        } else if (document.attachEvent) {
          document.attachEvent("WeixinJSBridgeReady", self.onBridgeReady(self.feedata)
          );
          document.attachEvent("onWeixinJSBridgeReady", self.onBridgeReady(self.feedata)
          );
        }
      } else {
        self.onBridgeReady(self.feedata);
      }
    },
    onBridgeReady(data) {
      let self = this;
//挂在window注意
      window.WeixinJSBridge.invoke(
        "getBrandWCPayRequest",
        {
          appId: data.appId, //公众号名称,由商户传入
          timeStamp: data.timeStamp, //时间戳,自1970年以来的秒数
          nonceStr: data.nonceStr, //随机串
          package: data.package,
          signType: data.signType, //微信签名方式:
          paySign: data.paySign //微信签名
        },
        function(res) {
          if (res.err_msg === "get_brand_wcpay_request:ok") {
            self.success("支付成功");
          } else if (res.err_msg === "get_brand_wcpay_request:fail") {
            self.error("支付失败");
          }
        }
      );
   
     
    },


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM