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