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

这篇具有很好参考价值的文章主要介绍了uniapp微信小程序切换到tabber页面没有自动刷新。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

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

解决方法

在uni.switchTab()加入回调函数;
uni.switchTab成功跳转后调用success,此时可以拿到跳转后页面的page对象,从而调用页面onLoad方法重载页面。

uni.switchTab({
     url: 'pages/mine/index',
     success: function (e) {
         // pop() 方法用于删除数组其他元素并返回数组的最后一个元素
         let currentPage = getCurrentPages().pop(); //当前页面
         if (currentPage  == undefined || currentPage == null) return;
         currentPage.onLoad(); //页面存在刷新当前页面
         //currentPage.onShow()
         //currentPage.onReady()
        // 或者执行其他生命周期刷新
      },
   });

或者

uni.switchTab({
     url: 'pages/mine/index',
     success: function (e) {
         let data = { id: 0 } //要传递的参数,不能带在url后面
         let pages = getCurrentPages(); //当前页面栈
         let currentPage = pages[pages.length - 1] //当前页面
         if (currentPage == undefined || currentPage == null) return;
         currentPage.onLoad(data); //页面存在刷新当前页面
         //currentPage.onShow()
         //currentPage.onReady()
        // 或者执行其他生命周期刷新
      },
   });

两种方法只是获取当前页面路由地址的方式不一样,而且第二种方法加了传参。

参考:
getCurrentPages()的总结文章来源地址https://www.toymoban.com/news/detail-515285.html

到了这里,关于uniapp微信小程序切换到tabber页面没有自动刷新的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • uniapp微信小程序横竖屏切换样式适配

    uniapp微信小程序横竖屏切换样式适配

    一、首先明白要使用什么布局才能实现横竖屏适配?  1、rpx布局是不能直接实现的,写 两套(横屏、竖屏)样式 才可以达到想要的效果  2、使用: 百分比、rem、vwvh、vminvmax、px(px布局在不同设备上有差异 ) 都可以一套样式实现横竖屏适配 二、本文重点说css3的两个属性

    2024年02月16日
    浏览(12)
  • 微信小程序———同一页面内左右滑动切换内容显示

    微信小程序———同一页面内左右滑动切换内容显示

    一、微信小程序事件  由于首先介绍一下微信小程序中的事件,可选择快速略过或者直接进去之后的重点内容 一、什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对

    2024年02月03日
    浏览(34)
  • 微信小程序实现左右滑动进行切换数据页面(touchmove)

    微信小程序实现左右滑动进行切换数据页面(touchmove)

    手指触摸左右滑动进行切换数据 需要实现的是有一个tab栏,点选某一个tab的时候切换页面,手势滑动,左滑右滑效果和点击tab一样切换页面数据。 这里我们要先了解几个微信的事件属性 touchstart : 手指触摸动作开始 touchmove:手指触摸后移动 touchcancel:手指触摸动作被打断,

    2024年02月11日
    浏览(35)
  • 【微信小程序】在非tabbar页面使用导航栏进行切换

    【微信小程序】在非tabbar页面使用导航栏进行切换

    当在我们做微信小程序项目时会遇到有多个端口的项目需求,然而多个端口意味着多个导航栏。但微信小程序仅支持使用 app.json 创建 一个导航栏 (如下图) 在app.json中配置的tabbar app.json 所以我们只能自己制作导航栏并且使用页面路由方式来进行页面跳转(如 wx.navigateTo; w

    2024年02月13日
    浏览(12)
  • uniapp—— 微信小程序ios上音频播放没有声音

    uniapp—— 微信小程序ios上音频播放没有声音

    uniapp 打包小程序后发现 播放音频文件  没有报错, 一切正常只是没有声音,后来发现是ios手机开启了静音模式导致听不到声音,查看uniapp 文档:  发现的确有这个属性,但是设置了 之后发现并没有起作用 后来发现想要实现ios静音模式下也可以播放音频要用另一个api全局配

    2024年02月13日
    浏览(56)
  • 【微信小程序入门篇】全局配置 | 页面切换之tabBar配置项

    【微信小程序入门篇】全局配置 | 页面切换之tabBar配置项

    下面引用开发者文档中的介绍: 如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。 tabBar:翻译为标签栏。 下面展示了两个小程序的 tab 栏,分别是在顶部、底部。 当我

    2024年02月02日
    浏览(14)
  • 基于uniapp开发 微信小程序登陆页面一

    基于uniapp开发 微信小程序登陆页面一

     此微信登陆页面是参考uniapp开发文档 uniapp一键登录和button组件中的@getphonenumber方法 代码展示  成品展示      

    2024年02月12日
    浏览(38)
  • Uni-app实现左右滑动页面内容切换(兼容微信小程序)

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档         前言         整体思路         一、HTML部分         二、Script部分         三、Style部分           (先声明哦我可不是偷懒,只是想学术借鉴一下)因为最近有在做左右滑动功能,

    2024年02月07日
    浏览(51)
  • uniapp 微信小程序实现监听屏幕左右滑动实现tab标签切换效果

            实际的项目开发之中,有很多所谓的奇葩需求,当工程量相对较大的时候去更换组件会显得特别麻烦和费时。我这次的需求因为某些特殊原因,更换组件后也无法实现需要达到的效果,所以最后只能监听滑动事件,相信你看了我的代码也能轻松搞定!          

    2024年02月14日
    浏览(42)
  • 微信小程序在苹果手机中打不开小程序页面,wx.agentConfig没有执行

    最近在写一个小程序,其中使用到了wx.agentConfig获取“launchMiniprogram”,打开小程序页面。 然后在安卓中可以正常打开,在苹果手机中打不开。 期间更换了n次引入的js,头大最后发现是授权的url在苹果手机和安卓中获取的不一样,导致页面授权签名报错40093 以下为简略代码 第

    2024年02月06日
    浏览(14)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包