微信小程序:执行navigateBack函数后,刷新返回页面的数据

GeekQiaQia 2020/6/22 11:27:07

需求: 如上图所示:当右边的页面点击“转发笔记”后,调用wx.navigateBack()退出页面栈,返回到上一级页面,即左边的页面; 返回到左边的页面后,需要重新刷新数据,发送api请求;问题:正常情况下,微信小程序的navigateBack导航接口不会引起生命周期函数的触发,无法传参…

需求:

如上图所示:

  • 当右边的页面点击“”后,调用wx.navigateBack()退出页面栈,返回到上一级页面,即左边的页面;
  • 返回到左边的页面后,需要重新刷新数据,发送api请求;

问题:

  • 正常情况下,微信小程序的navigateBack导航接口不会引起生命周期函数的触发,无法传参,重新调用api请求接口,从而达到刷新数据的需求;

解决方案:

  • 获取当前页面栈数组对象;

    • let pages=getCurrentPages();
  • 获取上一页页面的page对象:“beforePage”,在执行navigateBack之前,执行页面对象“beforePage”的请求api函数;

  • 代码示例:

           // 返回到上个页面
      	let pages=getCurrentPages();
      		
      	let beforePage=pages[pages.length-2];
      	//getNoteDetail为上一个页面的刷新数据函数;
      	beforePage.getNoteDetail(note);
      	wx.navigateBack({
      		delta:1,
      	})
    复制代码
随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[微信小程序:执行navigateBack函数后,刷新返回页面的数据]http://www.zyiz.net/tech/detail-140530.html

上一篇:Color Hunt 漂亮炫酷的配色小程序

下一篇:原生小程序云开发 ---仿网易云音乐 + 博客 + 后台

赞(0)
关注微信小程序
程序员编程王-随时随地学编程

扫描二维码或查找【程序员编程王】

可以随时随地学编程啦!

技术文章导航 更多>
扫一扫关注最新编程教程