vue开发h5简单的微信支付

最新推荐文章于 2024-10-12 17:00:15 发布

就像风1样

最新推荐文章于 2024-10-12 17:00:15 发布

阅读量5.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue HTML5 vue专栏文章标签： vue 微信支付

本文链接：https://blog.youkuaiyun.com/qq_42221334/article/details/94397481

本文介绍了如何在Vue项目中调用微信支付的步骤，关键依赖WeixinJSBridge对象，该对象仅在微信内置浏览器中有效。开发者需要从后台获取必要的支付信息，以完成H5微信支付的流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在微信内H5调起微信支付，主要依赖于一个微信的内置对象WeixinJSBridge，这个对象在其他浏览器中无效。

需要有通过后台返回的信息如下：

methods: {
//支付
    payl(){
      var that = this;
      axios
        .post(baseUrl + "/apiyd/pay/doPayInfo/", formData) 
        .then(res => {
          if (res.data.code == 1000) {
            if(this.money_type==4){//钱包支付
              $.toast(res.data.message,'text');
            }else{//微信支付
              var data=res.data.data;//后台返回的微信支付参数
              let vm = this;
              if (typeof WeixinJSBridge === 'undefined') {
                if (document.addEventListener) {
                  document.addEventListener('WeixinJSBridgeReady', vm.onBridgeReady(data), false)
                } else if (document.attachEvent) {
                  document.attachEvent('WeixinJSBridgeReady', vm.onBridgeReady(data))