美文网首页
小程序扫码触发onShow的解决思路

小程序扫码触发onShow的解决思路

作者: Asuler | 来源:发表于2023-10-24 16:01 被阅读0次

描述:

支付宝小程序某个页面有个扫码按钮,点击后,调用支付宝的api,去跳到一个支付宝自带的扫码页,扫码完成后,就自动弹回当前页(无法控制弹回),此时会触发页面的onShow事件

但是业务上需要把扫码得到的code填充到输入框中,并带入搜索

在扫码相关的逻辑上已经写了相关的逻辑代码,但是因为额外出发了onShow,onShow里面本身就有一次查询,所以扫码回来触发了两次查询,一次是扫码的业务查询,一次是额外的onShow查询

造成的问题

onShow查询触发时,扫出来的码还没setState进去,所以onShow触发的那个查询,是没带上扫码code的,并且onShow调用的接口如果回来的较慢,会把正常业务逻辑扫码查询到的结果给覆盖

解决

方案1:

正常解决方案应该是加一个状态控制/锁/flag 之类的变量,点击扫码时flag=true,然后onShow里面判断flag,再去执行相应逻辑

方案2:

封装了一个hook
https://www.jianshu.com/p/30f837935059?v=1698220423472

相关文章

  • 生命周期

    小程序生命周期 小程序注册完成后,加载页面,触发onLoad方法。 页面载入后触发onShow方法,显示页面。 首...

  • wx.chooseImage()上传图片触发onShow中的方法

    小程序api:wx.chooseImage(Object object)点击选择图片后,会自动触发onShow生命...

  • 小程序常用的十个入口

    1、小程序二维码“扫一扫” 商家上线小程序应用后,用户线下消费时,可直接扫小程序二维码,进入商家的小程序点餐页面,...

  • [小程序踩坑]扫普通二维码调起小程序bug:码地址传递错误,传为

    小程序扫普通二维码调起小程序bug:码地址传递错误,传为历史地址 作者: 陈小二 问题: 用户扫码二维码A,小程序...

  • 在小程序中关注公众号

    一、需求:在小程序中关注公众号 二、解决:官方文档 注意点: 用户扫小程序码 或者用户在wx.previewIma...

  • 应付一下更新

    家乐福出现无收银员的通道,创作简单,顾客拿着商品扫一扫小程序码在用小程序码扫一扫商品码就可以支付,用的人会越...

  • 微信小程序:如何测试小程序码

    问题描述:当我们生成小程序码后,如果使用微信扫码,则会自动跳转到线上版本小程序,无法在体验版和开发版中测试。 解决...

  • 微信小程序实战

    微信小程序实战 有问题可以扫码加我微信,有偿解决问题。承接小程序开发。微信小程序开发交流qq群 870222928...

  • 小程序的入口到底在哪里?

    1 . 扫码启动小程序 根据现在微信小程序迭代根系的版本,这个肯定是首要入口,扫码即用!12月30日发布生成小程序...

  • centos7 搭建WordPress详细步骤

    centos7 搭建WordPress详细步骤 有问题可以扫码加我微信,有偿解决问题。承接小程序开发。微信小程序开...

网友评论

      本文标题:小程序扫码触发onShow的解决思路

      本文链接:https://www.haomeiwen.com/subject/pzesidtx.html