1、其他页面返回tabBar页面不刷新（onLoad，onShow，onTabItemTap）

最新推荐文章于 2025-03-31 11:14:45 发布
最新推荐文章于 2025-03-31 11:14:45 发布
阅读量1.7k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 项目中遇到的问题 文章标签： 前端 javascript 微信小程序 uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/interstingh/article/details/129584947

原因：在onLoad里修改数据，但是onLoad 首次进入页面触发，只触发一次

解决方法：在onShow里修改数据，onShow每次打开页面都会调用一次

拓展：onTabItemTap()在 tabbar 切换时触发。

onTabItemTap() {
    // 首次进入页面不会触发
    // 当再次切换tabBar进来时触发
},

解决使用uniapp时，uni.switchTab跳转标签页面不刷新的问题
2301_78646673的博客
08-18 4873
我们在使用uni.switchTab跳转到标签页面时，并不会触发这个标签页面的onLoad方法。这是因为，所以使用 uni.switchTab跳转时，并不会重新创建页面实例，因此不会触发 onLoad生命周期方法。但是我们又会有这样的场景，在进入到标签页时，要调用一些方法来进行数据的展示，那么这时候，我们有三种常见的解决方案。
在TabBar里面写的页面之间进行传值应该通过onLoad函数
Missbelover的博客
07-03 1433
问题描述 例如下图，在tabBar里面写的页面，是不能通过navigator 进行页面之间的传值的，那么除了navigator 还有别的传值方式吗？ 还有一种别的方式是：通过如下方式： //第一个页面的JS文件 const app=getApp(); // 立即购买 immeBuy() { var _this=this; console.log("go") g...
微信小程序tabBar 返回tabBar不刷新页面
10-16
主要介绍了微信小程序tabBar 返回tabBar不刷新页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序：解决tabbar切换时，页面不刷新问题
最新发布
weixin_46001736的博客
03-31 1105
微信小程序：解决tabbar切换时，页面不刷新问题
解决uniapp项目开发从某一页面返回到tabbar页面时，页面不刷新，无法重新获取跟新后的数据，无法重新渲染页面问题。
热门推荐
m0_55315930的博客
05-12 1万+
解决uniapp项目开发从某一页面返回到tabbar页面时，页面不刷新，无法重新获取跟新后的数据，无法重新渲染页面问题。
uniapp 自定义tabbar页面不刷新
Dj_Fairy的博客
10-12 2701
最近在做自定义tabbar时，每次切换页面都要刷新，页面渲染很慢，需要实现切换页面不刷新问题。1.pages.json中配置tabbar，如下,设置高度为0，界面只需要设置路径。结局思路，原生的tabbar切换页面时就不选新，用switchTab来跳转。3.在自定义tab页面中用switchTab跳转。2. app.vue中隐藏原生tabbar。
uniapp切换到tabBar页面不刷新问题
qq_44245305的博客
08-22 8536
本人在修改头像的时候遇到的这个问题 用uni.switchTab()的时候又不刷新页面，发现可以使用uni.reLaunch()跳转 可是使用的时候依然不能刷新数据，修改完头像依然是原头像，要退出重新登录才会刷新数据，后来发现是本地缓存的头像url没有改变，还是原来的，然后就直接把上传成功的头像地址重新存在本地缓存中,解决了这个问题，浪费了大半天，特意写下来，记住它。 uni.reLaunch()可以实现tabBar页面的跳转。 ...
uniapp使用switchTab跳转tabBar页面不会自动刷新
weixin_56709740的博客
03-26 1465
在其他页面修改数据之后，再使用switchTab进入页面的时候，希望他能在进入页面的时候就直接刷新页面实现更改数据的效果。
小程序实现同一个tabbar项，根据不同需求显示不同页面.zip
07-27
5. 为了保持用户体验的一致性，可以在中间页面的 `onShow` 生命周期中，更新 TabBar 的选中状态，使其与当前实际展示的页面相匹配。 这样，我们就成功地实现了同一个 TabBar 项可以根据不同的需求展示不同的页面。...
小程序自定义tabbar页面 渲染后切换页面再回来，为什么当前tabbar页面的onshow不触发，show不触发我就没法刷新数据呀
06-08
在小程序中，当您从一个页面跳转到另一个页面后再返回时，只会触发当前页面的 onShow() 方法，而不会触发 TabBar 页面的 onShow() 方法。因此，如果您在自定义 TabBar 页面中需要在每次展示时都触发回调函数并刷新...
小程序自定义tabbar 渲染后切换页面再回来，为什么 onshow不执行，show不执行我就没法刷新数据呀
06-08
在小程序中，当您从一个页面跳转到另一个页面后再返回时，只会触发 onShow() 方法而不会触发 onLoad() 方法。因此，如果您在自定义 TabBar 组件中需要在每个页面展示时都触发回调函数并刷新数据，可以考虑在 onShow...
【微信小程序TabBar页面刷新机制】：7种方法解决页面不刷新问题
针对实践中遇到的页面不刷新的问题，文章分析了常见原因并提供了诊断方法。为解决这些问题，本文进一步探讨了页面级别、组件级别和全局刷新的解决方案，同时介绍了高级刷新控制策略和结合云开发的优化方法。最后，...
uniapp使用自定义tabbar时实现跳转tabbar不刷新
Seven597的博客
01-09 5155
先在，pages.json中配置tabbar，如下,设置高度为0，界面只需要设置路径。这样的话四个主界面可以基于路由占位的方式进行组件化开发！自定义tarbar的代码如下，图标和路径自行改变。在main.js 全局挂载。
uniapp tabbar底部栏 子组件页面不刷新解决方案
Komorebi的博客
05-09 3191
场景：uniapp 来回切换底部栏tabbar，页面初始化数据，当前子组件页面会发送数据请求，再次切换进入，当前页面的子组件不发送请求 解决方案： 1. 父组件在onShow钩子里面中向子组件传递随机数 2. 子组件接收数据，并进行watch监听数据，直接调用初始化函数，从而解决页面不刷新的问题 ...
uniapp微信小程序切换到tabber页面没有自动刷新
铁锤妹妹的博客
10-28 5173
通过uni.switchTab跳转到tabber页面比如个人中心页面，更新的数据没有刷新。导致页面的数据还是修改之前的。
uni-app tabbar切换时，下个界面onShow方法不执行
不以物喜，不以己悲
10-28 5996
uni-app tabbar切换时，上个页面onShow未执行完，下个界面的onShow不执行 问题 最近在开发时发现，因为业务的问题，pageA的onShow里有大量的网络请求代码，执行完耗时大概2s。 在底部栏的tabbar切换时，从page A -> pageB， 如果切换的快，pageA的onShow方法未执行完， 则pageB的onShow也不会执行，猜测是uni-app对onShow的管理是一个线程。 思路 1 pageA里的onshow方法中，业务逻辑全部替换成异步
小程序 切换到tabBar页面不刷新问题
aiqizhi6114的博客
03-05 349
小程序跳转的几种方式有wx.navigateTo,wx.redirectTo,wx.reLaunch,wx.switchTab等。下面我们重点研究切换到tabBar的两种方式。 wx.switchTab：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面 wx.reLaunch：关闭所有页面，打开到应用内的某个页面。 从官方文档来看，wx.reL...
微信小程序踩坑，有关tabBar的页面跳转不刷新问题
hyx153183740的博客
04-21 6715
微信小程序踩坑，有关tabBar的页面跳转不刷新问题 如果你想从一个页面携带参数，跳转到tabBar页面，你就会发现只有第一次跳转的时候，带着参数跳转成功了，第二次页面就不刷新了，这该咋办？因为微信小程序默认把tabBar页面加载到缓存中，下次直接读取，不再重新加载页面。解决办法： wx.switchTab({ url: "/pages/countTime/countTime",...
小程序tabBar页面再次进入不刷新
Mr_wuying的博客
06-03 5332
我的项目中是可以在其他页面跳转到登录页面去登录，返回是进去登录页面的界面。 这时如果我第二次进入个人页面（在登录前进入过tabBar页面的个人页）页面依旧显示未登录，其实我已经登录了，只是未刷新页面。所以个人页面不会显示任何数据。 Page({ onLoad(){ }, onShow(){ this.onLoad() } }) 这样每次进入页面都会刷新页面 ...
微信小程序刷新页面函数刷新onload函数
01-11
### 微信小程序页面刷新触发 `onLoad` 函数的方法 在微信小程序中，`onLoad` 生命周期函数仅会在页面初次加载时被调用一次。如果希望在某些情况下再次触发类似的初始化逻辑，可以考虑以下几种方式： #### 使用 `onShow` 生命周期函数替代 对于需要每次进入页面都执行的初始化操作，建议将这些代码迁移到 `onShow()` 中。每当页面显示时都会触发此函数。 ```javascript Page({ onLoad(options) { console.log('页面首次加载'); }, onShow() { // 将原本放在 onLoad 的业务逻辑迁移至此处 console.log('页面显示/重新进入'); // 执行必要的数据获取或其他初始化工作 } }) ``` #### 结合下拉刷新功能实现局部重载效果 通过配置 `onPullDownRefresh` 来响应用户的下拉动作，并手动模拟部分 `onLoad` 行为而不必真正重复整个页面加载过程[^2]。 ```javascript Page({ data: {}, onLoad() { console.log('页面加载'); }, onPullDownRefresh() { // 停止当前正在运行的数据请求等异步任务 // 更新界面所需的数据源 setTimeout(() => { wx.stopPullDownRefresh(); // 模拟 onload 部分行为 console.log('完成下拉刷新后的处理'); }, 1000); } }) ``` #### 对于 tabBar 类型页面特殊处理 针对带有底部标签栏的应用场景，可以通过监听 tab 切换事件来间接达到目的。具体做法是在对应 js 文件里增加 `onTabItemTap` 方法，在其中调用自定义的初始化流程而不是直接调用 `this.onLoad()` ，因为后者可能引起不必要的副作用[^3]。 ```javascript Page({ onLoad() { console.log('tab 页面加载'); }, onTabItemTap(item) { // 自定义初始化逻辑而非简单调用 this.onLoad() console.log(`点击了 ${item.index} 号 Tab`); // 实现特定条件下的 "伪 onLoad" } }) ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值