小程序执行上个页面的方法或者改变data

最新推荐文章于 2023-05-10 16:12:47 发布

原创最新推荐文章于 2023-05-10 16:12:47 发布 · 635 阅读

0 ·

CC 4.0 BY-SA版权

小程序专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种在微信小程序中实现页面间数据传递和调用上个页面方法的有效方式，通过使用getCurrentPages()获取当前页面栈，进而访问并操作上个页面的数据和方法。

var page = getCurrentPages();
var prePage = page[page.length - 2];//上个页面
prePage.setData({])//修改上个页面的data
prePage.xxx()//xxx代表上个页面的方法

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

gobacka

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序 - 返回前一个页面时，执行前一个页面的函数方（wx.navigateBack 返回后，执行上一页的某个函数方法刷新数据）回前一个页面时，执行前一个页面的函数方法。支持改变 data 数据。

🏆 前端领域优质创作者

11-11

2188

微信小程序返回上一页后，怎么执行上一页的函数方法，返回上一页后，怎么更新 data 数据，刷新或当前页刷新，微信小程序返回上一页的各种方法实例，微信小程序中带参数返回上一页，微信小程序 - 返回上一页并刷新页面(重新执行onLoad内函数，微信小程序返回后，执行上一页函数，微信小程序返回上一个页面并调用函数，如何在返回前一个页面时，执行前一个页面的函数方法，重新执行 onLoad 内函数达到刷新数据或改变 data 上的数据，微信小程序 - 返回前一个页面时，执行前一个页面的函数方（wx.navigateB

原生微信小程序使用watch监听

FormAda的博客

07-28

1703

1.封装watch 创建watch.js： /** * 设置监听器 watch.js */ export function setWatcher(page) { let data = page.data; let watch = page.watch; Object.keys(watch).forEach(v => { let key = v.split('.'); // 将watch中的属性以'.'切分成数组 let nowData = data; // 将da

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

小程序使用watch监听数据变化的方法详解

10-16

主要介绍了小程序使用watch监听数据变化的方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

小程序获取上一页的数据修改上一个页面的数据

热门推荐

xiaoshu611的博客

01-27

1万+

小程序获取上一页的数据修改上一个页面的数据详情地址http://www.xiaoshu168.com/wxapplet/233.html

监听微信小程序页面的数据变化

文龙刚的博客

05-10

4772

【代码】监听微信小程序页面的数据变化。

微信小程序使用watch监听数据变化

Derrrrrd的博客

05-21

7643

众所周知，Vue中，可以使用监听属性 watch来观察和响应 Vue 实例上的数据变化，那么小程序能不能实现这一点呢？监听器的原理，是将data中需监听的数据写在watch对象中，并给其提供一个方法，当被监听的数据的值改变时，调用该方法。我们需要用到Javascript中的Object.defineProperty()方法，来手动劫持对象的getter/setter，从而实现给对象赋值时(调用setter)，执行watch对象中相对应的函数，达到监听效果。 Object.defineProp.

精选资源

微信小程序在其他页面监听globalData中值的变化

01-03

2、小程序中如何在其他页面中监听到globalData中值的变化？ 3、如果在app.js执行登录部分的代码，由于时序问题，如何处理其他页面请求时未获取到身份识别标记的情况。（session，userid等）。（大意是：怎么能够...

微信小程序全局变量改变监听的实现方法

10-16

本篇文章将深入探讨如何实现微信小程序全局变量的改变监听，以便在值发生变化时实时更新页面状态。首先，我们需要在`app.js`中定义全局变量`globalData`。例如： ```javascript App({ globalData: { openid: ''...

微信小程序Page中data数据操作和函数调用方法

10-17

微信小程序还提供了许多生命周期函数，包括页面加载时的onLoad()、页面显示时的onShow()、页面隐藏时的onHide()、页面卸载时的onUnload()、页面下拉刷新时的onPullDownRefresh()以及页面触底时的onReachBottom()等，...

微信小程序 教程之注册页面

09-01

`Page()`是微信小程序框架提供的核心方法，它接受一个对象参数，该参数包含了页面的初始数据、生命周期函数和事件处理函数。下面是一个基础的`Page()`使用示例： ```javascript // index.js Page({ data: { text:...

关于小程序使用watch监听数据变化的方法

weixin_30877181的博客

09-19

1583

【微信小程序】基础篇 -- 自定义组件 - 数据监听器（三十四）

JMFive的博客

03-11

7072

大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第34篇文章;今天开始学习微信小程序的第18天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。数据监听器用于监听和响应任何属性和数据字段的变化，从而执行特定的操作。它的作用类似于 vue 中的 watch 侦听器。

小程序--子页面触发父页面的方法

weixin_45865992的博客

02-14

745

触发父页面方法

小程序带参数返回上一级

qq_37493515的博客

09-26

436

这两天做小程序登录后跳转，然后带动页面刷新，由于特殊原因，不能直接放onShow里面刷新，就想到了两种刷新方式前言先设置页面信息 let pages = getCurrentPages(); //页面指针数组 let prePage = pages[pages.length - 2]; //-2为上一页面，-1为当前页面第一种 // 带参数返回上一页面 //给页面设置一个全局变量 prePage.setData({

P43 D5 02 子页面向父页面传值

huanglianggu的专栏

10-05

164

<view bindtap="getTopic">{{topicText}}</view> // pages/pub/pub.js Page({ /** * 页面的初始数据 */ data: { topicText:"请选择话题" }, /** * 生命周期函数--监听页面加载 */ onLoad: fun...

微信小程序返回执行上一个页面的方法

MZHAMIN的博客

07-10

1073

onUnload: function () { let pages = getCurrentPages(); // 当前页面 let beforePage = pages[pages.length - 2]; //前一个页面 beforePage.onLoad(); },

uni-app 开发 h5/app使用prevPage.setData

hjy170314的博客

12-25

2813

uni-app中的这一串代码,我估计只有在小程序中才会生效,反正h5,和app中没有生效 let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。 let prevPage = this.getT == 0 ? pages[pages.length - 3] : pages[pages.length - 2]; //下面这句是关键,因为这里我们使用的时候,通常都想将当前页面的值直接带到跳转的那个页面,并改变跳转那个页面上对应的值

微信小程序跨页面修改数据，页面传值

m0_46526358的博客

04-07

2282

一、发现问题最近在写一个微信小程序的项目遇到一个问题，在下一级的页面修改了某些数据之后想要传递回去上一级页面需要怎么做。在查了相关资料之后发现可以在页面中获取当前页面page中的所有值以及之前页面中的page值，并将其修改。二、代码部分首先要先获取当前页面的page值 let currentPages = getCurrentPages(); //获取当前页面的所有page内容然后再获取上一页面的值，其中“-2”表示为上一页面的值，表示当前页面通过一次navigator达到，如果要修改的页面na

小程序组件使用父页面的方法

weixin_45865992的博客

03-03

450

A ：组件 B ：页面在组件里定义一个方法：里面写你要对父组件的操作 pop(){ var pages = getCurrentPages(); if (pages.length > 1) { //上一个页面实例对象 var prePage = pages[pages.length - 1]; //关键在这里,这里面是触发上个界面的方法 prePage.pop({ maskHidde

原生小程序改变数据为什么打印data的时候更新了页面没有更新

最新发布

06-27

在原生微信小程序开发中，数据更新但页面未刷新是一个常见问题。出现这种现象的原因通常与小程序的响应机制和数据绑定方式有关。 ### 数据更新但页面未刷新的原因 1. **直接修改了 `data` 而未使用 `setData`** 小程序的数据驱动视图更新，但必须通过 `this.setData()` 方法来通知视图层进行更新。如果直接对 `this.data` 中的属性进行赋值，虽然控制台打印显示数据已变化，但不会触发页面重新渲染[^3]。 2. **异步操作后未正确调用 `setData`** 在处理网络请求或定时器等异步操作时，如果没有在回调函数中正确调用 `setData`，或者在 `setData` 作用域外进行了数据更改，也会导致视图无法更新。 3. **对象或数组深层属性未正确更新** 当需要更新的对象或数组嵌套较深时，仅修改子属性而没有将路径明确传递给 `setData`，可能导致更新失败。例如： ```javascript this.data.userInfo.name = 'newName'; this.setData({ userInfo: this.data.userInfo }); ``` 应该改为： ```javascript this.setData({ 'userInfo.name': 'newName' }); ``` 4. **页面生命周期中重复加载数据** 如果在 `onLoad` 和 `onShow` 中都调用了数据加载方法（如 `fetchData()`），可能会造成逻辑冲突或资源浪费，从而影响页面更新表现[^1]。 --- ### 解决方案 1. **始终使用 `setData` 更新数据** 确保所有数据变更都通过 `this.setData()` 来完成，这是触发视图更新的关键机制。 ```javascript this.setData({ message: 'Hello, world!' }); ``` 2. **处理深层对象/数组更新** 使用点表示法更新嵌套结构中的具体字段，确保路径准确无误。 ```javascript this.setData({ 'user.profile.age': 25 }); ``` 3. **在合适的生命周期中重新加载数据** 对于需要在页面重新显示时更新内容的情况，可以将数据获取逻辑放在 `onShow` 中执行，而不是依赖用户手动刷新[^1]。 ```javascript onShow() { this.fetchData(); // 每次页面显示时重新拉取数据 } ``` 4. **强制刷新页面数据（非推荐）** 如果确实需要重新加载整个页面，可以通过再次调用 `onLoad` 实现，但这会带来额外性能开销，应谨慎使用[^3]。 ```javascript this.onLoad(); ``` 5. **跨页面通信与数据同步** 在导航回退或切换 Tab 页面时，可通过页面栈获取目标页面实例并主动调用其更新方法，实现局部或全局刷新[^4]。 ```javascript const pages = getCurrentPages(); const prevPage = pages[pages.length - 2]; if (prevPage && prevPage.updateData) { prevPage.updateData(); // 假设定义了一个 updateData 方法 } wx.navigateBack(); ``` ---