uni-app小程序onShow执行两次;微信小程序onShow重复执行原因;导航栏tabBar页的onLoad函数不执行;App.vue页的onShow执行原因;onShow莫名其妙执行

1.只有五种情况会触发导航栏tabBar页的onLoad函数,分别是:
–1.1:首次进入到导航栏tabBar页面;
–1.2:从微信分享进入的导航栏tabBar页面;
–1.3:识别二维码跳转到小程序的导航栏tabBar页面;
–1.4:使用了uni.reLaunch后销毁了所有其他页面,点击返回首页按钮,到的首页,也会触发首页的onLoad函数;或者直接使用uni.reLaunch到tabBar页,也会触发其onLoad;(因为reLaunch既关闭了所有页面 也可以跳转到任意页面,包括跳到tabBar页)
–1.5:重要一点:只要这个tabBar页被销毁了,下次进入到这个tabBar页就会触发其onLoad和onShow(类似1.4触发)

2.其余从任何页面返回到tabBar页面,都不会触发tabBar页面的onLoad函数,仅仅时触发onshow ;(包括uni.switchTab跳转到tabBar页面,也只是触发onShow)

同时:uni.navigateTo一定会触发下一页的onLoad和onShow,且获取参数是在onLoad内

3.tabBar导航栏页面onShow触发两次的原因: 已知是腾讯小程序官方bug未修复;
触发场景:必须真机扫码调试才会出现(好像还必须是ios手机),小程序工具和直接扫码调试都不会复现:
触发顺序:例如导航栏有tabA页面和tabB页面,在tabB页面进入到tabB下的非导航页面C,此时从C页面跳转到tabA页面,此时正常逻辑来说是只触发tabA的onShow即可;
但实际真机下触发顺序是:tabA页的onShow --> tabB页的onShow --> tabA页的onShow,而且tabA的onShow函数里的代码会执行两遍,但是你如果在这个函数内写的 this.name=’ ’ ; 会没有清空效果。

4.小程序的本身的应用生命周期onShow和onHide触发场景,也就是App.vue页面的两个函数:
除了正常的前后台切换触发外,还有以下几种操作也会触发:
–4.1 小程序内 存在上传图片的功能,因为会使用到系统的拍照或者相册,此时拍照界面或者相册界面也会覆盖掉小程序;就导致触发了小程序本身的onShow和onHide;(也会触发其自身页面的onShow和onHide)
–4.2 小程序点击图片 使用了预览图片的功能uni.previewImage(),此时也会触发小程序本身的onShow和onHide;(也会触发其自身页面的onShow和onHide)
.
建议不要在小程序的本身的应用生命周期onShow和onHide内执行任何方法操作;而应该在每个页面的页面的生命周期函数内执行
在这里插入图片描述

5.小程序的子组件是没有onLoad和onShow等生命周期方法的,因为是组件,就只有组件vue的生命周期。至于如何触发组件或者弹框内的页面 首次方法,可以看这篇记录uni-app弹框事件无生命周期问题;
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/403456.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

用fiddler抓包小程序

第一步:安装fiddler,保证手机和PC端在同一个wifi下; 第二步:设置属性按图勾选第三步:以上两步设置完后,重启下fiddler(解决本地服务器不能访问),然后查看本地IP地址第四步:手机设置HTTP代理 我的…

微信小程序保存图片到相册;uni-app小程序保存网络图片到相册;小程序保存图片到相册拒绝授权后重新拉起授权;保存图片到系统相册;小程序保存图片测试可以,真机保存图片失败

文末代码可以直接复制使用,图片修改成你的图片路径即可 一、场景: 小程序点击按钮,保存项目内的静态图片或者微信头像或者后端返回的图片; 二、注意点及思路拆分: –2.1:小程序保存图片功能,必须…

关于单片机中断

中断:CPU停止当前任务,去处理中断内容,处理完后自动恢复以前任务。 单片机有5个中断源,2个中断优先级,中断受两级控制: 1、CPU开总中断; 2、中断源开中断。 中断源:引起中断事件的类…

转:探索 AIX 6:在 AIX 6 上配置 iSCSI Target

引言iSCSI(Internet Small Computer System Interface)被业界认为是非常廉价的 SAN 解决方案,一直在中低端应用领域被市场所看好。 iSCSI 客户端和服务端都既可以通过硬件方式实现,也能通过软件方式的,其优劣区别就是在…

uni-app微信小程序生成自定义参数二维码,跳转小程序指定页面,获取参数;uni-app微信小程序获取二维码自定义参数;微信小程序生成动态参数二维码;uni-app微信小程序获取动态参数二维码;

一、场景需求: 在小程序个人名片页面A页面,生成用户的个人名片二维码(该二维码携带用户的唯一标识id);微信扫一扫或长按图片识别这个二维码,可以跳转到小程序的B页面,并且在B页面拿到二维码上的…

【view桌面虚拟化系列】1-vSphere搭建

本系列一共三章,具体如下: 【view桌面虚拟化系列】1-vSphere搭建 【view桌面虚拟化系列】2-View搭建 【view桌面虚拟化系列】3-VDI实现 实验的目的:测试vsphere5.1a、view5.1测试整体运行状况。 首先介绍下环境(所使用域名:vmc.co…

uni-app微信小程序保存页面到相册;canvas保存小程序页面;微信小程序保存二维码活动页面到相册;微信小程序canvas 生成海报保存到相册;canvas绘制小程序页面保存及分享;

文末代码可以直接复制运行(只需要将中间的二维码图片、底部的微信和相册图片和微信头像配置白名单 改成你项目内的img图片即可成功运行) 一、场景:在微信小程序 个人名片页面 含有微信头像和个人信息二维码(识别可跳转小程序指定页…

面试经验谈架构

##################################################### #本文内容来自《老男孩linux运维实战培训》学生—郑东旭 #如有转载,请务必保留本文链接及本版权信息。 #欢迎广大运维同仁一起交流linux/unix网站运维技术! #QQ:919953500#E-mail:weilandeshanhuhai126.com …

微信小程序uni.switchTab传参获取不到;小程序跳转到tabBar页并传参;uni-app微信小程序获取tabBar页面参数失败;uni-app微信小程序tabBar页面onLoad不执行

需求场景:从非tabBar页面B跳转到tabBar页面A,并想要携带参数。 如果使用uni.switchTab传参,会导致tabBAE页面获取不到参数; 原因: 官方文档有说,uni.switchTab路径后不能带参数; uni.navigateT…

UIView的旋转iOS开发

更多阅读请访问http://www.hopean.com 有关UIView坐标变换的,但是经常不能得到自己想要的效果,今天就把它仔细研究了下。记下来等以后忘记的时候再复习 重写shouldAutorateToInterfaceOrientation:,限制某个方向会改变原点的位置,…

uni-app微信小程序uni.navigateTo跳转无效问题;记录一次uni-app页面跳转无效,来回跳转问题;wx.navigateTo ,跳转超过10次怎么点不动的解决办法。

场景需求:从小程序A页面跳转到小程序B页面,然后B页面还可以跳到A页面。 跳转失效原因: –1.uni.navigateTo只能跳转到非tabBar页面,tabBar导航栏页面只能用uni.switchTab方法跳转; –2.uni.navigateTo跳转的页面栈太多…

20160512关于mac安装caffe的记录

记得2015年在mac系统上安装过一次caffe,非常顺利,但是最近群里许多同学反映mac安装caffe出现了各种问题,同时我也在帮助别人安装caffe的时候也遇到了一些坑,不再像以前这么顺利了。估计与操作系统,caffe升级有关。 今晚…

Python学习笔记(二)

2019独角兽企业重金招聘Python工程师标准>>> pickle #腌制 pickle.dump() #保存数据 pickle.load() #恢复数据 locals() # 返回当前作用域中的变量集合 with语句会自动处理所有已打开文件的关闭工作,类似C#中的using() >>> data[5,78,3,45,7,1]…

mac:在当前文件夹打开terminal终端

From: http://www.cnblogs.com/yjmyzz/p/3662507.html System Preferences -> Keyboard -> Shortcuts -> Services -> New Terminal at Folders/New Terminal Tab at Folder 这二项都勾上 然后在Finder中,在任何目录上右击->service就能看到进入terminal的选项

自定义控件(视图)2期笔记13:View的滑动冲突之 内部拦截法

1. 内部拦截法: 父容器不拦截事件,所有的事件全部都传递给子元素,如果子元素需要此事件就直接消耗掉,否则就交给父容器进行处理。 这种方法和Android中的事件分发机制不一样,需要配合requestDisallowInterceptTouchEve…

微信小程序图片加载太慢;uni-app微信小程序加载图片优化;微信小程序图片image加载成功事件@load;图片加载成功触发@load事件

场景: 微信小程序,对于以下较大的图片(例如几M),在真机运行时候加载比较慢,此时会有一个比较长时间的白屏,体验很差。 解决方案:图片未加载成功前,进行loading…;图片加载…

循环队列及C语言实现一

循环队列是为了充分利用内存,进行数据操作的一种基本算法。具体实现方式可划分为:链式队列和静态队列,这里所谓的静态是指在一片连续的内存区域进行数据操作。本文只讲述静态队列,也是最简单的实现方式,链式队列以及链…

微信小程序自定义导航栏;uni-app微信小程序自定义顶部导航栏;微信小程序顶部导航栏高度;微信小程序左上角胶囊按钮;uni-app微信小程序左上角胶囊设置

本文是自定义微信小程序的顶部导航栏;自定义微信小程序底部导航栏tabBar看另外这篇 文末的两个文件代码可以直接复制使用 自定义导航栏页图 一、场景: 有些时候,微信小程序需要我们在导航栏做更多的操作样式(例如高度、颜色、加…

HTML5与HTML4的比较

HHTML5封装一些标签和属性&#xff0c;方便了开发。 1 <form> 2 <p> 3 <label>Username:<input name"search" type"text" id"search" autofocus></label> 4 </p> 5 &l…