微信小程序返回上一级页面并自动刷新数据

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


前言

界面由A到B,在由B返回A,触发刷新动作

一、获取小程序栈

界面A代码

 shuaxin(){
   //此处可进行接口请求从而实现更新数据的效果
   console.log("刷新本页面数据啦")
 },

界面B代码

// 返回触发事件上
// Taro代码为例
goBack(){
    let pages = Taro.getCurrentPages();   //获取小程序页面栈
    let beforePage = pages[pages.length -2];  //获取上个页面的实例对象
    beforePage.shuaxin();   //触发上个页面自定义的shuaxin方法
    wx.navigateBack({         //返回上一页  
      delta:1
    })
},

二、生命周期触发

代码如下(示例):

componentDidShow (){}

在小程序环境中对应页面的 onShow。

页面显示/切入前台时触发。


总结

Taro React生命周期函数文章来源地址https://www.toymoban.com/news/detail-843022.html

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

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

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

相关文章

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

    前言 通过uni.switchTab跳转到tabber页面比如个人中心页面,更新的数据没有刷新。导致页面的数据还是修改之前的 解决方法 在uni.switchTab()加入回调函数; uni.switchTab成功跳转后调用success,此时可以拿到跳转后页面的page对象,从而调用页面onLoad方法重载页面。 或者 两种方法只是

    2024年02月11日
    浏览(60)
  • 微信小程序,每次进入tabbar页面刷新数据

    写项目时遇到一个需求:就是从其他页面点击tabbar组件进入tabbar页面(这里叫他A页面),需要对A页面进行一次刷新。 应用场景:我在分类页面点击加号添加商品到购物车,然后点击tabbar的购物车组件,进入购物车,这个时候就要对购物车进行一个刷新。 为什么呢?因为点击

    2024年02月16日
    浏览(50)
  • uniapp开发小程序,当二级页面返回一级页面时,触发一级页面的事件或者更新一级页面的某项数据

    二级页面代码: 有人部分博客获取上一页信息是通过这样获取的:var targetPage = pages[pages.length - 2],我这样获取显示undefined,大家可以把ages打印一下,看看内容,然后自行选择 注解: getCurrentPages() 方法来获取当前页面栈 $vm 是指Vue组件实例 一级页面代码: 每次页面切换就会

    2024年02月12日
    浏览(52)
  • uniapp 之 uniapp 微信小程序项目,返回上一页,并刷新上一页的数据

    uniapp 微信小程序项目,在某个页面执行某个方法后返回上一页,并刷新上一页的数据 在用户列表页面点击新增按钮,跳转至新增用户页面,新增成功后返回用户列表页面,并在页面中刷新当前数据,要显示刚刚添加成功的那条数据 首先尝试直接用 uni.navigateTo 跳转回去,但是业务需求

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

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

    2024年02月11日
    浏览(78)
  • 微信小程序如何刷新当前页面

    微信小程序是一种快速发展的移动应用程序开发平台,它提供了许多功能和特性,使开发者能够轻松创建功能丰富的小程序。在开发小程序时,有时我们需要刷新当前页面来更新数据或重新加载页面内容。本文将解释如何在微信小程序中刷新当前页面的代码。 微信小程序的流

    2024年02月07日
    浏览(70)
  • 微信小程序重新加载当前页面、刷新当前页面

    重新加载页面 使用wx.reLanuch(),url: 路径当前页面跳转, 页面所有数据重新初始化,已配置的数据不会保存 reLanuch()的方法,会有一个闪屏,加载页面动画,如果不想要可以用下面的方法。 刷新页面,不重置数据 使用this.onLoad()或者this.onShow(),  根据需要可以在onLoad,onShow,写

    2024年04月09日
    浏览(57)
  • 微信小程序-----刷新页面3种方式

    微信小程序要实现页面刷新,简单的说就是在不同的地方重新执行 onLoad 周期函数。 需要注意在刷新时是否要初始化变量。因为小程序都是异步操作,所以很多时候,可能会造成服务器相应慢的问题,导致页面显示的时候会有延迟、造成闪烁的情况。 1.用 onLoad 周期方法重新

    2024年02月15日
    浏览(46)
  • 【微信小程序】-- 页面事件 - 下拉刷新(二十五)

    💌 所属专栏:【微信小程序开发教程】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享 ,欢迎咨询! 💖 欢迎大家:这里是CSDN,我总结知识的地方,喜欢的话请三连,有问题请私信 😘 😘 😘   大家好,又见面了,

    2024年02月02日
    浏览(50)
  • 微信小程序 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日
    浏览(64)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包