微信公众号支付取消、失败或者成功后跳转的页面不能操作

最新推荐文章于 2021-08-25 15:29:25 发布
最新推荐文章于 2021-08-25 15:29:25 发布
阅读量2.9k 收藏 1
点赞数
分类专栏： vue-cli3 ts 文章标签： 微信支付 页面卡死 vue支付
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xzzfxz/article/details/103309142
版权

     微信公众号支付取消、失败或者成功后跳转的页面不能操作，连微信上面导航处的关闭，和三个点也不能点击，页面卡死，在按手机返回键后，页面正常，相当于在整个屏幕上加了一层遮罩。（这种情况一般出现在android，ios没问题）

    出现这个问题的原因：主要是因为多次唤起支付。楼主在经过多次测试后，发现是wx.ready函数执行了（多次）。所以解决方法就是在wx.ready里面加一个判断。只执行一次就可以了，如下图（this.firstInPage是全局变量，初始值为true）

解决方法

前端开发小能手
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信公众号支付宝跳转浏览器支付.zip
03-12
解决在公众号中调起支付宝支付跳转浏览器的问题。使用方法：將ap.js 和pay.html引入到项目中，将需要跳转的支付宝支付地址传入pay.html中的code_url即可
微信公众号内调起微信支付
bj123467的博客
06-08 3242
很多业务知识我们要参考微信支付开发文档：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_3    首先需要在微信支付->开发者配置填写支付授权目录的路径：    如：http://166xj71935.51mypc.cn/index.php/Home/GoodsBuy/pay/order_id/要精确到最后一级目录，并以斜杠
微信公众号授权，支付，退款总结
cullinans的博客
12-26 1万+
经过两周的研究，终于又把微信支付也搞定了。作为一个技术人员就应该有总结思考的习惯。这里将自己做微信踩过的一些坑，以及自己的思考记录下来，希望能帮助各位和我一样做微信支付的小伙伴。
微信支付接口（公众号支付）+微信支付回调函数 附代码
热门推荐
要加油哇
07-14 1万+
  前段时间做微信支付，微信浏览器填写金额商品名之后提交跳转付款页面确认然后返回界面判断，今天来详细说下   国际惯例先贴代码 mcontroller.java   public void wxpay() { if(this.getPara("openid")==null){ this.redirect(Conts.wxpayoauth.replace...
微信支付后页面不跳转的问题
mario08的博客
04-22 1万+
这里记录的仅是自己遇到的问题，因为同一个坑连踩再次，踩的我都开始怀疑人生了。先描述问题：页面调用微信支付，支付成功后页面不跳转（安卓机不跳，苹果机没问题），但是页面顶部进度条显示，和页面标题已经发生变化，原因： 先看下面代码，正常情况下 下单成功后调用 微信onBridgeReady方法，一切正常，但是由于我的代码逻辑有问题，onBridgeReady被调用再次，一次是多写了一个调用onBrida...
vue使用js-cookie在移除指定cookie不生效的问题
M&Y的博客
08-25 1617
笔者前端小白在做用户退出时，移除cookie里面的个人用户信息，并跳转到登录页面，然而cookie并未及时生效。 后来发现 this.$router.push在页面跳转时并未刷新页面，因而cookie中的内容未及时清除。于是换成 window.location.href来完成页面跳转就没问题了。当然并不是最佳解决方案，有更好的解决方法欢迎留言。 ...
ASP微信公众号支付接口源码-最新V3版
05-20
ASP微信公众号支付V3版源码 1.纯ASP代码，无需安装任何其他组件。 2.专业级仿微信UI，美观清爽。 3.可选无数据库版、Access版、MySQL版。 4.最新微信支付V3版。
vue项目使用微信公众号支付总结及遇到的坑
12-09
微信公众号支付 1. 使用jssdk调用微信支付，具体查看开发文档； 使用的vuex，在mutations中 wechatPay (state, data) { state.payObject = data console.log('微信支付开始请求') if (wechat) { wx....
java微信公众号支付
01-17
微信公众号支付，所有支付所需的工具类，商品名称中文乱码处理，微信openid，js签名
【微信公众号支付】【微信公众号支付】【微信公众号支付】
08-18
【微信公众号支付】
vue-cli3 + ts @Emit，@Prop父子组件之间传值
xzzfxz的博客
11-20 1万+
@Emit和@Prop属于vue-property-decorator库，使用时需要先导入 import { Component, Vue, Prop, Emit } from "vue-property-decorator"; 1.父组件向子组件传值： 父组件代码： <template> <div class="container"> ...
vue使用signalr
xzzfxz的博客
04-10 3004
1.先安装依赖： npm i signalr jquery --save 2.因为signalr依赖jquery，我们先配置全局jquery，这里使用的项目框架是vue-cli3+ts，所以先配置vue.config.js module.exports = { configureWebpack: { plugins: [ new webpa...
vue-cli3 ts 全局过滤器filters
xzzfxz的博客
10-21 2952
1.首先在src目录下新建一个文件夹filters（名字随意），再建一个ts文件filters.ts（名字随意），即：src/filters/filters.ts; 2.在ts文件中写正常的函数并导出。如写一个格式化手机号为如下形式的： 188****1234，即ts文件内容如下 constformatPhone=(str:string)=>{ if(!str)...
js添加、读取、删除cookie
xzzfxz的博客
10-24 127
// 设置cookie const setCookie = (cName: string, value: string, expiredays: number = 30) => { const exdate = new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie = c...
node-v9.2.1-linux-x86.tar.xz
最新发布
05-06
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v9.1.0-linux-s390x.tar.xz
05-06
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
2024年中国MXene行业研究报告.docx
05-06
2024年中国MXene行业研究报告
TensorFlow安装步骤
05-06
附件是TensorFlow安装步骤，文件绿色安全，请大家放心下载，仅供交流学习使用，无任何商业目的！
uni.app 微信公众号支付，支付成功后自定义页面跳转
07-14
对于 uni.app 微信公众号支付，在支付成功后自定义页面跳转，你可以按照以下步骤操作： 1. 首先，确保你已经配置好了微信公众号支付功能，并且已经获取到了支付的相关参数，例如订单号、支付金额等。 2. 在发起...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值