小程序跳转tabbar，tabbar页面不刷新

已于 2023-12-11 10:44:53 修改
阅读量820 收藏 1
点赞数
文章标签： 小程序
于 2023-12-11 10:43:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46490956/article/details/134921332
版权

文章地址：12.小程序 之切换到tabBar页面不刷新问题_360问答

解决办法备份：

wx.switchTab：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

wx.reLaunch：关闭所有页面，打开到应用内的某个页面。

wx.reLaunch是可以跳转到tabBar页面的。它和wx.switchTab的区别就是：前者可以触发onLoad事件，而后者则不能触发。所以通过wx.reLaunch跳转到tabBar的方式完美解决了不能刷新的问题。
 

anuily.
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
小程序tabbar素材
07-08
小程序tabbar素材小程序tabbar素材小程序tabbar素材小程序tabbar素材 微信小程序tabbar小图片
微信小程序点击tabBar刷新页面
热门推荐
老四的博客
10-24 3万+
微信小程序点击导航栏菜单tabBar第一次的时候页面内容会刷新，那是因为调用了onLoad函数，但是点击其他菜单页再次返回第一点击的页面，页面无刷新，我的解决方法 就是调用onShow函数： onShow: function(){ var that =this; wx.request({ url: app.globalData.web_url+'yourApi?open_id='+ wx...
微信小程序开发系列（十一）·小程序页面的跳转设置以及参数传递_微信小程序页面跳转并携带参数(1)
最新发布
m0_75279794的博客
04-06 1020
redirect： 关闭当前页面，跳转到应用内的某个页面。但不能跳转到 tabbar 页面· switchTab:跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面· reLaunch:关闭所有页面，打开到应用内的某个页面· navigateBack:关闭当前页面，返回上一页面或多级页面注意事项：路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用= 相连,不同参数用&分隔例如: /list?
微信小程序tabBar 返回tabBar不刷新页面
10-16
主要介绍了微信小程序tabBar 返回tabBar不刷新页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序tabbar图标素材
04-18
微信小程序tabbar图标素材
【微信小程序】页面tabBar切换、下拉刷新
yzq0820的博客
09-13 9833
在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab
微信小程序 Tab页切换更新数据
11-30
微信小程序 Tab页切换更新数据 微信小程序还处于内测阶段，最不方便的莫过于官方在不停的更新，前几天写的功能隔个几天忽然发现不能用了_(:зゝ∠)_ 功能需求如下： 我在首页点击“5万以上”他会把跳转到买车页然后同时把“5万以上”这个筛选条件带到买车页。 之前navigator导航是可以跳转并携带数据的，但这一次官方更新加了个新东西—–switchTab，专门用来实现tab页的跳转，但禁止携带数据 那么如果还想要实现我们的效果只能用别的方法了 想了一下有两种思路 1、用数据缓存 2、用全局变量存储globalData 最终我用的是全局变量，原因是我先尝试数据缓存的时候用的onLoad，onL
微信小程序 返回tabBar页面刷新控制
sunidd的博客
04-16 2890
tabBar中的某个页面是用来发布数据的，发布数据之前在tabBar中各页面切换时该页面（publish）已填数据不会丢失（该页面已填写数据需要保存）。发布数据后进入页面2（publishsuccess），显示发布成功，但是发布数据后再进入该tabBar的发布页面则需要清除数据。
uniapp微信小程序自定义tabbar，并且实现每次切换都刷新页面
qq_40922656的博客
12-21 7290
0、page.json定义页面pages "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/indexPage/index", //首页 "style": { "navigationStyle": "custom", "navigationBarTextStyle": "white" } }, { "path":
微信小程序学习笔记（3）导航、刷新与生命周期
游星的博客
08-27 603
微信小程序的导航、刷新事件与生命周期
微信小程序踩坑，有关tabBar的页面跳转不刷新问题
hyx153183740的博客
04-21 5515
微信小程序踩坑，有关tabBar的页面跳转不刷新问题 如果你想从一个页面携带参数，跳转到tabBar页面，你就会发现只有第一次跳转的时候，带着参数跳转成功了，第二次页面就不刷新了，这该咋办？因为微信小程序默认把tabBar页面加载到缓存中，下次直接读取，不再重新加载页面。解决办法： wx.switchTab({ url: "/pages/countTime/countTime",...
微信小程序跳转tabBar携带参数怎么办？
03-29
微信小程序的导航跳转分为navigateTo（保留当前页，跳转到应用内的其他页面，跳转非tabBar页面，可带参数，但是这里有个小坑，后面说），  navigateBack（关闭当前页面，返回上一页面或多级页面），  redirectTo...
小程序自定义tabbar
09-15
小程序自定义tabbar，覆盖默认tabbar，实现中间凸起功能和样式，包括html和js
在微信小程序中 判断当前页面是重新打开，还是从其他页面返回，还是tabbar切换页面
javafg的博客
03-24 3245
1.在 data 数据中声明一个变量 isClose， 默认为 true 。用来判断是正常打开，还是从其他页面返回。 2.当点击跳转页面或者关闭小程序的时候，会触发 OnHide 函数，在此函数中将判断 isClose is true 的时候即为正常打开。 3.当跳转页面时首先将 isClose 设置为 false, 这样 触发 OnHide 函数的时候，isClose is false并不会执行， 4.进入跳转的或者tabbar切换页面，然后在由页面进行返回这是会触发跳转的页面的 OnUnload 函数
微信小程序底部导航跳转tabBar页不触发onLoad
weixin_42177572的博客
01-12 1517
小程序tabBar跳转不触发onLoad
小程序wx.switchTab跳转页面刷新问题
weixin_46258341的博客
07-13 1197
【代码】小程序wx.switchTab跳转页面刷新问题。
微信小程序，每次进入tabbar页面刷新数据
NEWonclick的博客
11-24 2202
因为点击加号后会将该商品信息存入数据库,而购物车信息是从数据库中取出来的，此时要获得最新的购物车的信息就要再对数据库在进行一次新的查询请求，也就是需要页面刷新了。应用场景：我在分类页面点击加号添加商品到购物车，然后点击tabbar的购物车组件，进入购物车，这个时候就要对购物车进行一个刷新。写项目时遇到一个需求：就是从其他页面点击tabbar组件进入tabbar页面（这里叫他A页面），需要对A页面进行一次刷新。处理方法：在购物车的js页面中的onshow方法中加入如下代码。
小程序如何刷新当前页面
weixin_59525879的博客
11-18 2149
在方法中调用wx.pageScrollTo()方法，将scrollTop设置为0，表示将页面滚动到顶部。duration设为0表示滚动的过渡时间为0，即瞬间完成滚动。小程序可以通过调用wx.pageScrollTo()方法来实现刷新当前页面，该方法可以滚动页面并使页面滚动到顶部，从而达到刷新页面的效果。用户点击刷新按钮时，调用refreshPage()方法即可刷新当前页面。在需要刷新的页面中添加一个按钮或其他触发事件的元素。
一分钟教你学会微信小程序的页面刷新
code袁的博客
07-20 2万+
一分钟教你学会微信小程序的页面刷新 微信开放文档下拉刷新 1. 开始刷新 wx.startPullDownRefresh() 代码实现（在onLoad中写开始刷新） onLoad: function (options) { //刷新 wx.startPullDownRefresh() } 2.刷新界面的提示 在请求数据库的方法中加入这个提示 getShop(){ //构造的请求数据库的方法 wx.showLoading({ title: '加载中....', })
uniapp刷新tabbar页面
07-28
在Uniapp中，当切换tabbar页面时，可能会出现页面刷新的问题。有几种解决方法可以尝试。 一种方法是在pages.json文件中设置原生tabbar，并在页面运行时隐藏原生tabbar，以解决闪烁问题。这可以通过在页面的onLoad或onShow生命周期函数中使用uni.hideTabBar()来实现。这样，当页面加载或显示时，原生tabbar将被隐藏，避免了页面刷新时的闪烁问题。\[1\] 另一种方法是将自定义tabbar的跳转方式改为uni.switchTab()，而不是使用navigator等其他跳转方式。使用uni.switchTab()可以确保底部tabbar在页面切换时不会跟着刷新而闪烁。例如，可以使用uni.switchTab({ url: path })来实现tabbar的跳转。\[2\] 如果遇到无法使用原生tabbar实现的需求，可以考虑自行封装tabbar组件。在封装tabbar组件时，需要确保tabbar选项在页面切换时正确激活，并且有激活和非激活状态的样式。这样可以在页面切换时保持tabbar的正确状态，避免刷新问题。\[3\] 综上所述，可以通过设置原生tabbar并隐藏、使用uni.switchTab()跳转或自行封装tabbar组件来解决Uniapp中刷新tabbar页面的问题。 #### 引用[.reference_title] - *1* *3* [uniapp自定义tabbar](https://blog.csdn.net/weixin_45855502/article/details/129309134)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [uniapp 小程序使用自定义tabbar时 页面刷新闪烁问题](https://blog.csdn.net/gyl_sunshine/article/details/123233326)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值