uniapp微信小程序 页面返回使用navigateBack,返回后页面不刷新问题解决方案

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

尝试了众多方法,比如vuex,本地缓存,都不行
1,如果是页面之间的跳转
可以使用onShow生命周期请求数据

2,组件之间的跳转,使用redirectTo,通过关闭当前页面,跳转到指定页面再加载,这种适合二级页面到三级页面数据不更新问题

3,当一级页面使用了某个组件,组件内跳转二级页面,返回也不会刷新数据
可以使用uni. e m i t 和 u n i . emit和uni. emituni.on 进行调用,触发的钩子需要放在mounted生命周期里,组件内的onShow不会生效

这里的 o n 放在父组件,也就是请求数据的那个页面或者组件里, on放在父组件,也就是请求数据的那个页面或者组件里, on放在父组件,也就是请求数据的那个页面或者组件里,emit放在子组件文章来源地址https://www.toymoban.com/news/detail-552054.html

到了这里,关于uniapp微信小程序 页面返回使用navigateBack,返回后页面不刷新问题解决方案的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uniapp刷新页面后使用uni.navigateBack()无法返回上个页面

    最近写uniapp项目的时候发现有时候需要更新页面数据,我是用h5强制刷新页面后就无法返回上一个页面,查了文档后发现是页面栈丢失问题。百度看了很多大佬们的方法,方法基本一致,使用原生JS的history对象,封装一个兼容uniapp api和原生js的返回的方法。在此记录一下 方法

    2024年02月15日
    浏览(35)
  • 微信小程序 wx.navigateBack() 携带参数返回(刷新上页参数信息)

    页A 通过wx.navigateTo跳转到页B,页B wx.navigateBack返回页A前,可以通过利用getCurrentPages去传递参数,来刷新页A的值  let pages = getCurrentPages(); //获取当前页面pages里的所有信息。  let prevPage = pages[pages.length - 2]; //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面

    2024年02月16日
    浏览(34)
  • 【微信小程序】通过调用 wx.navigateBack() 方法来退出当前界面并返回上一个界面

    在点击某个按钮或执行某个条件时触发,示例代码: 在这个示例中, delta 参数指定了要返回的界面数。如果你只想返回上一个界面,可以将 delta 设置为 1。如果你想返回更多的界面,可以增加 delta 的值。 在小程序中,tabBar 页面的返回操作与非 tabBar 页面有所不同。通常,

    2024年02月13日
    浏览(32)
  • h5或uniapp或微信小程序,实现左上角返回到指定页面,侧滑左滑返回指定页面,安卓物理返回键返沪指定页面解决思路的思考

    自定义的左上角返回按钮 方法 安卓物理返回键监听,该方法与生命周期函数同级,也可以尝试放在methods里面。 思路,因为uniapp写的微信小程序用onBackPress监听不到不支持监听安卓物理返回,所以换了个想法,默认认为是安卓物理键或者侧滑左滑返回:如果是我自己的按钮,

    2024年02月04日
    浏览(37)
  • uni-app小程序uni.navigateBack返回上一个页面并传递参数.返回上个页面并刷新

    返回上一个打开的页面并传递一个参数。有种办法就是使用 假如从B页面返回A页面: 经过测试,在uni.app中使用B页面使用setData设置A页面参数无法实现(应该是被更改为常量属性了)。 打印console.log(prevPage)前一页面对象可得: 方法1:我们可以使用A页面原有方法 B页面传递:

    2024年02月16日
    浏览(34)
  • 微信小程序页面返回操作拦截

    返回操作包括三种情形,右滑手势、安卓物理返回键和调用 navigateBack 接口 微信小程序没有提供类似 onBackPress 监听页面返回的api,在某些特定场景下,业务收到了限制 为了解决这一限制,本文提供了两种较为常用的解决方案 方案一 重写navigationBar 目的是重写左上角返回按钮

    2024年02月08日
    浏览(41)
  • uni-app 实现navigateBack返回修改前一页面数据(H5、APP、小程序)

    先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7 深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前! 因此收集整理了一份《2024年最新Web前端全套学习资料》,

    2024年04月29日
    浏览(41)
  • 小程序返回页面报错:navigateBack:fail cannot navigate back at first page.

    调试小程序的时候,从主页跳转到了另一个页面,在另一个页面的bindtap事件绑定的函数中,调用了 wx.navigateBack() 函数,但是却没有跳回上一个页面,而是报了一个错误: 看字面意思也很简单,说的是现在这个页面已经是第一个页面了,没办法再返回了。 这个错误原因其实也

    2024年02月16日
    浏览(34)
  • uniapp+微信小程序监听返回事件

    代码附在最后 适用场景: uniapp开发微信小程序 需求是我点击列表进入数据信息的详情界面,点击详情界面的收藏,返回上一界面后,更新列表中的收藏情况。 目录 一、使用onUnload监听页面卸载 二、使用getCurrentPages()获取当前页面栈所有的实例,并找到上一界面的实例进行数

    2024年02月04日
    浏览(32)
  • 微信小程序返回上一页面并更新的数据

    微信小程序开发过程中经常把当前页面数据传递给上一个页面,wx.navigateBack()返回上一页,无法传递数据,页面视图没有响应。其中一个办法就是巧妙利用页面栈。 getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素

    2024年02月11日
    浏览(40)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包