微信小程序之刷新页面及获取或修改上一页面数据

最新推荐文章于 2024-08-29 16:30:28 发布

BadmintonCode

最新推荐文章于 2024-08-29 16:30:28 发布

阅读量8.5k

点赞数 1

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/xjc8289555/article/details/80562273

版权

小程序专栏收录该内容

11 篇文章 0 订阅

订阅专栏

之前查了一些文章，普遍是通过onShow来实现页面显示时重新加载，但是这种方法是对资源的一种浪费

var pages = getCurrentPages();
var prevPage = pages[pages.length - 2];  //上一个页面
prevPage.onLoad(prevPage.options)

来分析下代码，首先获取当前打开的页面，然后获取上一个页面，通过调用上个页面的onload函数实现页面重新加载，其中options存在上一个页面的options中

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

BadmintonCode

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【微信小程序】微信小程序返回上一个页面的同时刷新数据，专业术语：小程序跨页面通信

疾术客

11-21

2398

话不多说，代码奉上！ var pages = getCurrentPages(); //获取页面栈 var prevPage = pages[pages.length - 2]; //获取当前页面的上一个页面 prevPage.onLoad(prevPage.options) //调用上一个页面的onload 来实现刷新数据注：此方法有点，方便、快捷、无感刷新数据；弊端在于有点浪费资源...

微信小程序如何实现全局重新加载

12-11

背景：随着业务的增加，我们服务器需要计算大量的用户数据，导致用户跟客服反应页面不能正常展示。反馈给开发后，我们一看，是服务器异常的错误。So，产品想看下我们到底有多少用户页面不能正常展示？方案：后端人员直接在阿里云后台去查哪些接口异常前端做一个服务器报错页，这样产品在小程序后台能看到这个页面的PV,UV 技术方案因为业务庞大，所以我们不可能区在每个页面加上重新加载的逻辑。所以初步考虑使用全局重新加载。需要解决的问题都有哪些？首先我们要有网络请求失败的全局控制权（要不然就需要在每个页面处理失败的情况）需要定义好网络失败后是如何跳转到重载页（R）的（用wx.

1 条评论您还未登录，请先登录后发表或查看评论

微信小程序如何刷新当前界面的实现方法

12-08

在微信小程序开发的过程中，在一个页面中对数据操作之后我们大多数时间都需要刷新一下当前界面以把操作之后的结果显示出来，但是如何在执行操作后进行本页面的刷新就成了一个问题很大但是很需要的操作。下面介绍一下微信小程序刷新当前界面的几种方法。方法一：this.onLoad() 使用方法：在操作函数中调用this.onLoad()或that.onLoad()（有时候this的作用域不够的时候需要定义that = this）。适用场景：本次操作对页面onLoad函数所携带的各种参数没有影响。这时候我们在页面第一次执行onLoad函数的时候可以定义一个变量_options将onLoad函数的参数opti

小程序--返回上一页（上上个页面）

Jacky_zou的专栏

12-12

5639

let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。 let prevPage = pages[pages.length - 2]; //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。 prevPage.setData({ // 将我们想要传递的参数在这里直接se...

uni-app小程序当前页面刷新怎么实现

最新发布

ggq53219的博客

08-29

1669

在uni-app中，由于它支持编译到多个平台（包括小程序），所以直接进行页面刷新的方式会根据不同的平台有所差异。小程序通常不支持像Web开发中那样使用或这样的方式进行页面刷新，因为小程序页面和Web页面的运行机制不同。

微信小程序 - 获取/修改上一页面数据 getCurrentPages()

qq_40685439的博客

01-10

4789

使用 getCurrentPages(); 获取当前页面栈。数组中第一个元素为首页，最后一个元素为当前页面 Page({ /** * 页面的初始数据 */ data: {}, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var pages = getCurrentPages(); // 上一页面栈 var prevPage =

小程序数据回传,刷新父界面数据

requestWindowFeature的博客

11-21

1083

场景：当遇到子界面修改数据，返回父界面需要刷新父界面数据时，我们这样解决：方法1：由于打开一个Page，onLoad方法只会执行一次，像是网络请求的方法可以放在onShow中（但是会执行两次，父界面打开时执行，子界面返回到父界面时再回刷新一次，比较low 浪费流量）方法2 ：在子界面中调用： var t = getCurrentPages()[getCurrentPages...

微信小程序重新加载当前页面、刷新当前页面

LlanyW的专栏

03-08

4002

使用this.onLoad()或者this.onShow(), 根据需要可以在onLoad,onShow，写上需要重置字段的请求，不需要重置的就不调用。使用wx.reLanuch（），url: 路径当前页面跳转, 页面所有数据重新初始化，已配置的数据不会保存。

微信小程序 动态修改页面数据及参数传递过程详解

10-16

在微信小程序开发中，动态修改页面数据和参数传递是核心功能之一，这使得开发者能够创建交互性强、用户体验良好的应用。本文将深入探讨这两个关键概念。首先，我们要理解微信小程序的数据模型。微信小程序采用单向...

微信小程序开发（三）：返回上一级页面并刷新操作示例【页面栈】

11-20

在微信小程序开发中，经常会遇到需要在用户操作后返回上一级页面并同时刷新页面的数据的情况。这涉及到小程序的页面生命周期和导航机制。本篇将详细讲解如何实现这一功能。首先，微信小程序提供了`wx.navigateBack...

微信小程序 Tab页切换更新数据

08-31

在微信小程序中，Tab页切换更新数据是一种常见的需求，特别是在多页面应用中，用户在不同Tab之间切换时，可能需要保持或传递某些状态信息。在本文中，我们将深入探讨如何在微信小程序中处理Tab页切换时的数据更新...

小程序修改非当前页面（父页面）渲染状态

weixin_33726318的博客

04-29

128

在Vue等框架中，存在Vuex等全局状态管理的机制，在小程序中目前没有对应的办法那么如何做到在一个页面中触发另一个页面修改状态呢？例如：1. 从页面A 跳转页面B 2. 在页面B 操作，同时需要更新页面A的状态办法：可通过getcurrentpages() 获取当前的页面栈该方法返回数组，数组成员是页面对象 var pages = getCurrentPages...

微信小程序重新加载当前页面

代码使人头秃

10-31

1万+

操作符重载小程序

10-04

762

一、输入输出流重载 class Date { public: Date(int y,int m,int d) {Year=y;Month=m;Day=d;} friend ostream& operator<<(ostream &stream,Date &date); //仅此一种声明方式，去掉任何一个&都会出错，why? friend istream& operator>>(ist

微信小程序刷新（重载）当前页面的方法，超简单~

热门推荐

学习，是熵减的最有效途径。

05-08

3万+

在实际开发过程中，我们经常需要重新加载或者刷新当前页面，其实非常简单，仅需要两步即可完成。 1、wxml 文件按钮绑定点击事件，随便起个函数名，如：sx <button bindtap="sx">刷新当前页面</button> ###2、 js 文件实现sx函数，调用本页的onLoad()函数即可 sx:function(){ this.onLoad() } 就是这么简单！ ...

微信小程序返回上一页并传递参数

清音的博客

10-31

1771

需要传参的页面 let pages = getCurrentPages(); // 当前页的数据 let prevPage = pages[pages.length - 2]; // 上一页的数据 /** prevPageValue 是上一页你想被携带过去的数据 */ prevPage.setData({ prevPageValue: 1, }) /** 返回上一页这个时候参数已经传递过去了可以在上一页的onShow方法里把 .

微信小程序 跳转界面，选择货物之后，返回上一页带参数并判断参数是否存在

Depressiom的博客

12-07

567

当刚进来时选择货物，跳转到选择货物界面进行货物选择，如果货物重复，不再新增货物，如果不存在，则新增prevPage.setData()用于在页面之间传递数据。它将数据设置到上一个页面（即prevPage）的data对象中，然后可以在上一个页面中通过data属性访问该数据。这种方式适用于在页面之间传递少量数据。wx.setStorage和wx.setStorageSync用于在本地存储中保存数据。它们可以将数据存储在微信小程序的本地缓存中，以便在小程序的不同页面中进行读取和使用。

微信小程序 返回上一页传值

xniYa的博客

05-23

816

微信小程序 返回上一页传值

微信小程序中，修改信息，返回上一个页面后，如何刷新上一个页面的数据？具体代码是什么

04-26

您好，关于您的问题，一般来说，可以通过在上一个页面的onShow生命周期函数中更新数据来实现刷新。具体的代码实现如下：在需要更新数据的页面，在onShow生命周期函数中调用后台接口获取最新数据，然后将更新后的数据赋值给页面对应的变量，最后刷新页面即可。 ``` onShow: function () { // 调用后台接口获取最新数据 // 更新页面对应的变量 this.setData({ dataList: newDataList }) // 刷新页面 wx.pageScrollTo({ scrollTop: 0, duration: 0 }) } ``` 需要注意的是，如果是通过页面跳转到下一个页面进行信息修改，并且需要在修改后返回上一个页面刷新数据，可以使用wx.navigateTo和wx.navigateBack进行跳转和返回。在跳转前可以通过url参数将需要更新的数据传递给下一个页面，然后在返回时获取参数并更新数据。