vue.js 微信支付前端代码

onBridgeReady: function () {

      const openId = localStorage.getItem('openId')

      payService.payment(this.$route.params.orderId, 1, openId).then(rt => { //1:支付类型，可不填

        this.message = rt.t

        WeixinJSBridge.invoke(

             'getBrandWCPayRequest', {

               'appId': this.message.appId,

               'timeStamp': this.message.timeStamp,

               'nonceStr': this.message.nonceStr,

               'package': this.message.package,

               'signType': this.message.signType,

               'paySign': this.message.paySign

             },

          function (res) {

            console.log(res)

            if (res.err_msg === 'get_brand_wcpay_request:ok') {

              Toast('微信支付成功')

              this.$router.push('/MineOrder')

            } else if (res.err_msg === 'get_brand_wcpay_request:cancel') {

              Toast('用户取消支付')

              // window.location.href = 'gift_failview.do?out_trade_no=' + this.orderId

            } else if (res.err_msg === 'get_brand_wcpay_request:fail') {

              Toast('网络异常，请重试')

            }

          }

        )

      })

    },

    callpay: function () {

      if (typeof WeixinJSBridge === 'undefined') {

        if (document.addEventListener) {

          document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(), false)

        } else if (document.attachEvent) {

          document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady())

          document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady())

        }

      } else {

        this.onBridgeReady()

      }

    }