vue 微信支付

     onBridgeReady(){
         var vm = this;
        window.WeixinJSBridge.invoke(
        'getBrandWCPayRequest', {
              "appId": "",
                "timeStamp": "",
                "nonceStr": "",
                "package": "=",
                "signType": "",
                "paySign": ""
        },
        function(res){
            alert(res.err_msg)
        if(res.err_msg == "get_brand_wcpay_request:ok" ){
        // 使用以上方式判断前端返回,微信团队郑重提示：
                //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
        } 
    }); 
},
    topay(){
         var vm = this;
                //下面是解决WeixinJSBridge is not defined 报错的方法
                if (typeof WeixinJSBridge == "undefined") {//微信浏览器内置对象。参考微信官方文档
                    if (document.addEventListener) {
                        document.addEventListener('WeixinJSBridgeReady', vm.onBridgeReady, false);
                    } else if (document.attachEvent) {
                        document.attachEvent('WeixinJSBridgeReady', vm.onBridgeReady);
                        document.attachEvent('onWeixinJSBridgeReady', vm.onBridgeReady);
                    }
                } else {
                    vm.onBridgeReady();
                }
    }

html

<button @click="topay">支付</button>