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("支付失败");

          }

        }

      );

   

     

    },