技术支持 英铭网站建设网络推广员招聘

• 很多人不明白什么是第一次加载，两种情况讨论，第一种情况假设我是开发者，第一次加载就是指点击微信开发者工具上边的编译按钮，每点击一次就是一次加载。

• 第二种情况，就是用户身份，当用户第一次进入微信小程序时，这时会第一次加载，如果此时退出微信小程序，再次进入微信小程序，会不会重新加载？这个都有可能，情况比较多，比如手机内存充足，就不会重新加载，内存不足，可能需要重新加载，所以这个得看情况。

在微信小程序中，点击底部的 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 中。