微信小程序如何调用上一页的方法/函数

最新推荐文章于 2024-05-08 16:51:43 发布
最新推荐文章于 2024-05-08 16:51:43 发布
阅读量1.1k 收藏 10
点赞数 6
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zz130015/article/details/136582392
版权
本文描述了在业务场景中，用户从任务列表页点击进入详情页操作后，如何通过使用微信官方提供的getCurrentPages()API获取页面栈，确定列表页（上一页）并调用其方法，以实现返回上一页时数据的刷新过程。
摘要由CSDN通过智能技术生成

业务场景：点击某一项任务跳转到任务详情页 在详情页进行操作提交完之后返回上一页时 需将上一页数据进行刷新 请求接口 进行各种操作等

操作实例如下：

步骤一 var 变量A 等于 getCurrentPages()；

步骤二 var 变量B 等于 A[ A.length - 2]；

步骤三 调用返回上一页Api

步骤四 直接调用  B.A页面的方法

代码示例：

备注讲解：

一 、 getCurrentPages() Api 微信官方Api 为获取页面栈

二、为何为 length - 2 

例子：假如 A为入口页 B为列表页 C为详情页

[A,B,C] 数组长度length为 3，C在数组里的索引是为2

A[A.length -1]就是当前页C 而 A[A.length -2]才是列表页B

发财X
关注
  • 6
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
微信小程序 - 返回前一个页面时，执行前一个页面的函数方（wx.navigateBack 返回后，执行上一页的某个函数方法刷新数据）回前一个页面时，执行前一个页面的函数方法。支持改变 data 数据。
王佳斌
08-05 1万+
微信小程序返回上一页后，怎么执行上一页的函数方法，返回上一页后，怎么更新 data 数据，刷新或当前页刷新，微信小程序返回上一页的各种方法实例，微信小程序中带参数返回上一页，微信小程序 - 返回上一页并刷新页面(重新执行onLoad内函数，微信小程序返回后，执行上一页函数，微信小程序返回上一个页面并调用函数，如何在返回前一个页面时，执行前一个页面的函数方法，重新执行 onLoad 内函数达到刷新数据或改变 data 上的数据，微信小程序 - 返回前一个页面时，执行前一个页面的函数方（wx.navigateB
详解微信小程序的不同函数调用的几种方法
10-17
在微信小程序开发中，函数调用是实现各个功能的关键，本文将详细介绍几种常见的函数调用方法，帮助开发者更好地理解和运用。 一、调取参数直接调用 在同一个JS文件内部，可以直接调用定义的函数。例如，我们有一个`...
微信小程序返回上一级并调用方法
刘刘刘的博客
10-11 1745
微信小程序返回上一级并调用方法
【原生小程序-调用上一页的函数或修改值】
weixin_47416539的博客
03-11 588
【代码】【原生小程序-调用上一页的函数或修改值】
微信小程序:getCurrentPages()的使用
最新发布
c1o2c3o4的博客
05-08 674
getCurrentPages()函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。不要在 App.onLaunch 的时候调用 getCurrentPages()，此时page 还没有生成。以上就是我在微信小程序开发中经常会遇到的getCurrentPages()使用场景。例如：进入小程序非默认首页时，需要提供返回首页的按钮或者执行其它事件。不要尝试修改页面栈，会导致路由以及页面状态错误。1、getCurrentPages()的使用。1、利用页面栈的长度。
微信小程序之更新上一页数据(十二)
weixin_30800807的博客
01-10 337
小程序开发过程中经常有这种需求，需要把当前页面数据传递给上一个页面，但是wx.navigateBack()无法传递数据。 一般的办法是把当前页面数据放入本地缓存，上一个页面再从缓存中取出。 除此之外还有一种办法，巧妙利用页面栈。 getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。 重点就在这里，在当前页面拿到上...
小程序--返回上一页（上上个页面）
Jacky_zou的专栏
12-12 5587
let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。 let prevPage = pages[pages.length - 2]; //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。 prevPage.setData({ // 将我们想要传递的参数在这里直接se...
微信小程序返回上一个页面并调用函数
progrmmmm的博客
07-05 1617
uniapp小程序开发： 微信原生：
微信小程序——带参返回上一页(最好的方法)
meteorites的博客
02-19 1040
这里列举的是返回时直接调用上页面的方法更新数据 1. 当前页获取页面栈, 获取到上页面的方法. var pages = getCurrentPages(); // 获取页面栈 if (pages.length > 1) { //上一个页面实例对象 var prePage = pages[pages.length - 2]; //关键在这里 changeData...
微信小程序在当前页面操作上一个页面的数据和方法
f18855666661的博客
06-15 2737
在微信小程序中，我们经常有操作上一个页面的情形。 例如某一个页面在请求数据前需要是登录状态，在登录页面登录完成后，要返回上一个页面，并且让该页面发送请求，渲染页面。此时，就需要在登录页面有一个能够操作上一个页面的抓手。 解决方案：借助getCurrentPages API 获取上一个页面的实例，然后调用页面实例指定的方法即可。 A 页面： Page({ data: { id: xxx }, onLoad: function (e) { this.setData({ .
微信小程序获取上一个页面的地址
祎祎的博客
07-23 1680
let pages = getCurrentPages(); //页面对象 let prevpage = pages[pages.length - 2]; //上一个页面对象 console.log(prevpage.route) //上一个页面路由地址 let path = prevpage.route; console.log(path, ‘path’)
微信小程序Page中data数据操作和函数调用方法
01-03
接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。 //index.js Page({ data: { text: This is page data., sliderOffset: 0, sliderLeft: 0, state:{ genre:[], genre_index: 0,...
微信小程序返回上一级页面的实现代码
10-15
在微信小程序开发中，用户经常需要实现从当前页面返回上一级页面的功能，以便在多级导航中提供便捷的用户体验。本篇文章将详细介绍如何在微信小程序中实现这个功能，并提供具体的代码示例。 首先，微信小程序提供了...
微信小程序调用摄像头隐藏式拍照功能
10-18
在微信小程序中，调用摄像头隐藏式拍照功能是一项重要的需求，尤其在开发涉及用户隐私保护或需要悄无声息地获取信息的应用场景中。本篇文章主要介绍如何实现这一功能，包括问题描述、解决方法以及官方提供的代码示例...
微信小程序 - 获取/修改上一页面数据 getCurrentPages()
qq_40685439的博客
01-10 4659
使用 getCurrentPages(); 获取当前页面栈。 数组中第一个元素为首页，最后一个元素为当前页面 Page({ /** * 页面的初始数据 */ data: {}, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var pages = getCurrentPages(); // 上一页面栈 var prevPage =
uniapp 小程序如何调用上一个页面的方法
徐三岁的博客
10-19 1141
var pages = getCurrentPages(); //当前页面栈 if (pages.length > 1) { var beforePage = pages[pages.length - 2]; //获取上一个页面实例对象 beforePage.$vm.update(); //触发上一个页面中的update方法 }
wx 小程序getCurrentPages()使用返回刷新上一页面的数据
周家大小姐
04-29 2664
使用场景：可以在某个页面修改另一个页面的data或者调用另一个页面的方法。 <view> <form bindsubmit='save'> <textarea name="content" class='textArea' placeholder='输入内容'></textarea> <button type='primary' form-...
微信小程序 处理上一页面数据
weixin_48145150的博客
05-16 642
var pages = getCurrentPages(); // 当前页面 var beforePage = pages[pages.length - 2]; // 前一个页面 //返回上一个页面之前先处理一下数据或调用一下上个页面的方法 wx.navigateBack({ delta: 1, success: function() { beforePage.setData({ //修改上衣页面的参数 'formdata.page':1, ..
小程序的跳转 获取上一页面的路由参数及传参 并返回跳转
lyq1948的博客
04-26 377
【代码】小程序的跳转 获取上一页面的路由参数及传参 并返回跳转。
微信小程序返回上一页面的方法
07-27
微信小程序有多种方法可以返回上一页面。其中一种方法是使用wx.navigateBack()函数。这个函数可以返回到小程序页面栈中的上一个页面。你可以通过设置delta参数来指定返回的页面数。例如，如果你想返回上一个页面，可以将delta设置为1。\[2\] 另一种方法是使用wx.redirectTo()函数。这个函数可以关闭当前页面，并跳转到应用内的另一个页面。跳转后，左上角会出现返回小箭头，点击后可以返回原本页面。但是需要注意的是，这个函数不能跳转到tabbar页面。\[1\] 还有一种方法是使用wx.navigateTo()函数。这个函数可以在保留当前页面的情况下，跳转到应用内的另一个页面。跳转后，左上角也会出现返回小箭头，点击后可以返回原本页面。\[3\] 总结起来，微信小程序返回上一页面的方法包括使用wx.navigateBack()、wx.redirectTo()和wx.navigateTo()函数。具体使用哪种方法取决于你的需求和场景。 #### 引用[.reference_title] - *1* *3* [微信小程序返回上一页的各种方法](https://blog.csdn.net/ARLENE2/article/details/129437624)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [微信小程序返回上一级页面并自动刷新数据](https://blog.csdn.net/qq_42740298/article/details/128326542)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值