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

最新推荐文章于 2024-08-18 16:07:34 发布

原创最新推荐文章于 2024-08-18 16:07:34 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #微信小程序 #uni-app

项目中遇到的问题专栏收录该内容

3 篇文章

订阅专栏

在微信小程序开发中，遇到问题：onLoad只触发一次不适合数据实时更新。解决方案是改用onShow，每次页面显示时都会调用，确保数据同步。同时提及onTabItemTap事件，它在tabBar切换时触发，不适用于首次加载场景。

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

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

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

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

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

红烧鱼+奶茶

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【微信小程序】页面tabBar切换、下拉刷新

yzq0820的博客

09-13

1万+

在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab

在TabBar里面写的页面之间进行传值应该通过onLoad函数

Missbelover的博客

07-03

1455

问题描述例如下图，在tabBar里面写的页面，是不能通过navigator 进行页面之间的传值的，那么除了navigator 还有别的传值方式吗？还有一种别的方式是：通过如下方式： //第一个页面的JS文件 const app=getApp(); // 立即购买 immeBuy() { var _this=this; console.log("go") g...

参与评论您还未登录，请先登录后发表或查看评论

微信小程序tabBar 返回tabBar不刷新页面

10-16

主要介绍了微信小程序tabBar 返回tabBar不刷新页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

解决uniapp项目开发从某一页面返回到tabbar页面时，页面不刷新，无法重新获取跟新后的数据，无法重新渲染页面问题。

热门推荐

m0_55315930的博客

05-12

1万+

解决uniapp项目开发从某一页面返回到tabbar页面时，页面不刷新，无法重新获取跟新后的数据，无法重新渲染页面问题。

uniapp 自定义tabbar页面不刷新

Dj_Fairy的博客

10-12

2819

最近在做自定义tabbar时，每次切换页面都要刷新，页面渲染很慢，需要实现切换页面不刷新问题。1.pages.json中配置tabbar，如下,设置高度为0，界面只需要设置路径。结局思路，原生的tabbar切换页面时就不选新，用switchTab来跳转。3.在自定义tab页面中用switchTab跳转。2. app.vue中隐藏原生tabbar。

uniapp切换到tabBar页面不刷新问题

qq_44245305的博客

08-22

8633

本人在修改头像的时候遇到的这个问题用uni.switchTab()的时候又不刷新页面，发现可以使用uni.reLaunch()跳转可是使用的时候依然不能刷新数据，修改完头像依然是原头像，要退出重新登录才会刷新数据，后来发现是本地缓存的头像url没有改变，还是原来的，然后就直接把上传成功的头像地址重新存在本地缓存中,解决了这个问题，浪费了大半天，特意写下来，记住它。 uni.reLaunch()可以实现tabBar页面的跳转。 ...

uniapp使用switchTab跳转tabBar页面不会自动刷新

weixin_56709740的博客

03-26

1575

在其他页面修改数据之后，再使用switchTab进入页面的时候，希望他能在进入页面的时候就直接刷新页面实现更改数据的效果。

小程序实现同一个tabbar项，根据不同需求显示不同页面.zip

07-27

5. 为了保持用户体验的一致性，可以在中间页面的 `onShow` 生命周期中，更新 TabBar 的选中状态，使其与当前实际展示的页面相匹配。这样，我们就成功地实现了同一个 TabBar 项可以根据不同的需求展示不同的页面。...

小程序自定义tabbar页面渲染后切换页面再回来，为什么当前tabbar页面的onshow不触发，show不触发我就没法刷新数据呀

06-08

在小程序中，当您从一个页面跳转到另一个页面后再返回时，只会触发当前页面的 onShow() 方法，而不会触发 TabBar 页面的 onShow() 方法。因此，如果您在自定义 TabBar 页面中需要在每次展示时都触发回调函数并刷新...

uniapp pagejson里面的 tabBar 页面不刷新

最新发布

04-12

好的，用户的问题是关于解决uniapp中tabBar页面不刷新的问题。我需要先理解用户的具体情况。根据用户提供的引用内容，问题可能是在使用自定义tabbar时，切换页面时页面会刷新，导致闪烁问题。用户提到在pages.json里...

uniapp使用自定义tabbar时实现跳转tabbar不刷新

Seven597的博客

01-09

5273

先在，pages.json中配置tabbar，如下,设置高度为0，界面只需要设置路径。这样的话四个主界面可以基于路由占位的方式进行组件化开发！自定义tarbar的代码如下，图标和路径自行改变。在main.js 全局挂载。

uniapp tabbar底部栏子组件页面不刷新解决方案

Komorebi的博客

05-09

3245

场景：uniapp 来回切换底部栏tabbar，页面初始化数据，当前子组件页面会发送数据请求，再次切换进入，当前页面的子组件不发送请求解决方案： 1. 父组件在onShow钩子里面中向子组件传递随机数 2. 子组件接收数据，并进行watch监听数据，直接调用初始化函数，从而解决页面不刷新的问题 ...

uniapp微信小程序切换到tabber页面没有自动刷新

铁锤妹妹的博客

10-28

5274

通过uni.switchTab跳转到tabber页面比如个人中心页面，更新的数据没有刷新。导致页面的数据还是修改之前的。

解决使用uniapp时，uni.switchTab跳转标签页面不刷新的问题

2301_78646673的博客

08-18

5701

我们在使用uni.switchTab跳转到标签页面时，并不会触发这个标签页面的onLoad方法。这是因为，所以使用 uni.switchTab跳转时，并不会重新创建页面实例，因此不会触发 onLoad生命周期方法。但是我们又会有这样的场景，在进入到标签页时，要调用一些方法来进行数据的展示，那么这时候，我们有三种常见的解决方案。

uni-app tabbar切换时，下个界面onShow方法不执行

不以物喜，不以己悲

10-28

6096

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

362

小程序跳转的几种方式有wx.navigateTo,wx.redirectTo,wx.reLaunch,wx.switchTab等。下面我们重点研究切换到tabBar的两种方式。 wx.switchTab：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面 wx.reLaunch：关闭所有页面，打开到应用内的某个页面。从官方文档来看，wx.reL...

微信小程序踩坑，有关tabBar的页面跳转不刷新问题

hyx153183740的博客

04-21

6834

微信小程序踩坑，有关tabBar的页面跳转不刷新问题如果你想从一个页面携带参数，跳转到tabBar页面，你就会发现只有第一次跳转的时候，带着参数跳转成功了，第二次页面就不刷新了，这该咋办？因为微信小程序默认把tabBar页面加载到缓存中，下次直接读取，不再重新加载页面。解决办法： wx.switchTab({ url: "/pages/countTime/countTime",...

小程序tabBar页面再次进入不刷新

Mr_wuying的博客

06-03

5376

我的项目中是可以在其他页面跳转到登录页面去登录，返回是进去登录页面的界面。这时如果我第二次进入个人页面（在登录前进入过tabBar页面的个人页）页面依旧显示未登录，其实我已经登录了，只是未刷新页面。所以个人页面不会显示任何数据。 Page({ onLoad(){ }, onShow(){ this.onLoad() } }) 这样每次进入页面都会刷新页面 ...