房产网站 模板,中山营销型网站设计,网站动态和静态,查看一个网站的备案文章目录 1. tabBar 的跳转方式2. tabBar 跳转的特点3. 你的配置分析4. 生命周期触发情况5. 总结 很多人不明白什么是第一次加载#xff0c;两种情况讨论#xff0c;第一种情况假设我是开发者#xff0c;第一次加载就是指点击微信开发者工具上边的编译按钮#xff0c;每点击… 文章目录 1. tabBar 的跳转方式2. tabBar 跳转的特点3. 你的配置分析4. 生命周期触发情况5. 总结 很多人不明白什么是第一次加载两种情况讨论第一种情况假设我是开发者第一次加载就是指点击微信开发者工具上边的编译按钮每点击一次就是一次加载。 第二种情况就是用户身份当用户第一次进入微信小程序时这时会第一次加载如果此时退出微信小程序再次进入微信小程序会不会重新加载这个都有可能情况比较多比如手机内存充足就不会重新加载内存不足可能需要重新加载所以这个得看情况。
在微信小程序中点击底部的 tabBar 属于 wx.switchTab 跳转方式。 1. tabBar 的跳转方式
当你点击 tabBar 中的某个选项时小程序会使用 wx.switchTab 的方式进行页面跳转。wx.switchTab 是专门用于跳转到 tabBar 页面的 API它会关闭所有非 tabBar 页面并切换到目标 tabBar 页面。 2. tabBar 跳转的特点
页面栈管理 tabBar 页面是独立的不会保留非 tabBar 页面的页面栈。跳转到 tabBar 页面时当前页面栈中的所有非 tabBar 页面都会被关闭。 生命周期触发 跳转到 tabBar 页面时目标页面的 onLoad 不会触发除非是第一次加载。每次切换到 tabBar 页面时会触发 onShow 生命周期函数。 3. 你的配置分析
根据你的 tabBar 配置
tabBar: {color: #333,selectedColor: #000000,backgroundColor: #ffffff,borderStyle: black,list: [{pagePath: pages/home/home,text: 产品,iconPath: icons/Group 31.png,selectedIconPath: /icons/Group 32.png},{pagePath: pages/my/my,text: 我的,iconPath: icons/Group 35.png,selectedIconPath: /icons/Group 33.png}]
}当你点击 “产品” 或 “我的” 时小程序会使用 wx.switchTab 的方式跳转到对应的页面pages/home/home 或 pages/my/my。 4. 生命周期触发情况
第一次加载 目标页面的 onLoad、onShow 和 onReady 会依次触发。 后续切换 每次点击 tabBar 切换页面时只会触发目标页面的 onShow而不会触发 onLoad。 5. 总结
点击 tabBar 属于 wx.switchTab 跳转方式。跳转到 tabBar 页面时onLoad 只会在第一次加载时触发后续切换只会触发 onShow。如果你需要在每次切换到 tabBar 页面时执行某些逻辑可以将代码放在 onShow 中。