微信jsapi支付

首先新建一个js文件

wxapi.js

export default {

//微信支付。payinfo的这些参数都是接口传过来的。
    payReward: (payInfo)=> {
      WeixinJSBridge.invoke(
        'getBrandWCPayRequest', {
            "appId": payInfo.appId,     //公众号名称，由商户传入     
            "timeStamp": payInfo.timeStamp,         //时间戳，自1970年以来的秒数     
            "nonceStr":payInfo.nonceStr, //随机串     
            "package": payInfo.package,     
            "signType":payInfo.signType,    //微信签名方式：     
            "paySign": payInfo.paySign //微信签名
        },
        function (res) {
          if (res.err_msg == "get_brand_wcpay_request:ok") {
            vant.Toast("支付成功");
                setTimeout(function () {
                    window.location.href =`${website}/order/paysuccess?mobile=${payInfo.mobile}&price=${payInfo.price}&order=${payInfo.orderno}`;
                    // this.$router.push({path:"/order/paysuccess",query:{mobile:payInfo.mobile,price:payInfo.price,order:payInfo.order}});不能用这个方式跳转
                }, 100);
          }else if (res.err_msg == "get_brand_wcpay_request:cancel")  {
            //取消支付
           
            });
                
          }else{
            vant.Toast('支付失败');
                setTimeout(function () {
                    window.location.href =`${website}/order/submitorder?said=${payInfo.said}`;
                }, 100);
          }
        }
      );
    }

}

再要使用的地方引入

exoprt wxapi from 'wxapi.js'

wxapi.payReward(data);//调用接口把接口传过来的data获取到传过去就可以啦。