解决：小程序globalData值更新后另一页面刷新展示globalData

最新推荐文章于 2024-05-09 16:29:38 发布
最新推荐文章于 2024-05-09 16:29:38 发布
阅读量5.7k 收藏 2
点赞数
分类专栏： 前端 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zm151110202/article/details/101681239
版权

问题记录

今天在做demo时出现了一个问题，A页面可以修改globalData数据，B页面获取globalData数据，但A页面修改数据后，B页面并不能知道globalData已经更新，所以B页面不会更新

解决方法

在网上查阅资料后，使用 Object.defineProperties(obj, props) 来解决，始终调不好

后来想到了onshow的方法，到A页面中进行修改数据则B页面hide，打开B页面时则会调用onShow方法，所以在onShow方法中重新获取globalData并setData，这样B页面成功更新数据（不过好像这样性能没有那么好？会每一次打开B页面都重新获取一遍globalData）

三游
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
小程序app.globalData属性值改变时其它页面的引用响应更新
yfm120750310的博客
06-01 2126
小程序app.globalData属性值改变时其它页面的引用响应更新
微信小程序如何使用globalData的方法
12-10
微信小程序在JavaScript文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。如果希望在各个页面之间共同使用某些信息，并且可以对共享数据进行修改设置，以便于其他页面根据数据变化进行对应的调整，最好使用全局数据globalData。 globalData在app.js文件中app()全局应用实例中： // app.js App({ globalData: 1 }) 由于它具有共享属性，对于它的设置和修改，需要分两方面来说明。 第一，在app.js文件中，怎样设置和修改。设置其实跟在其他js文件中设置data值是一样的： //app.js
微信小程序中全局共享数据globalData的使用
最新发布
2301_76379462的博客
05-09 560
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化
陈万洲的专栏
05-15 7503
微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化 在小程序中，我们一般在app.js的onLaunch中发起登录请求，由于是请求是异步的，这时候你发下在页面的page.js中，会发现取不到值。这里我们使用监听全局变量globalData的变化，目前还没发下小程序有自带的监听机制，这里我们自己来实现。 1. 在app.js 中添加监听函数 // 监听全局变量变化 watch: functio
uniapp中globalData刷新后会丢失
qq_41818857的博客
09-26 1865
globalData只是一种变量缓存，刷新后就会丢失。 解决办法：使用uniapp本地缓存
微信小程序中如何有效地改变app.js中的数据,并在其他页面进行动态响应
Nshuidaobenxi的博客
01-03 6695
最近写微信小程序项目，项目过程中遇到一个问题，要改变全局js中的数据，并在另一个页面进行响应。 举个小例子吧! 比如说有一个这样的需求：需要把一个商品添加到购物车，我在商品首页的js中把所有商品数据push进app.js的一个数组中，然后在购物车里拿相应的商品信息，接下来要进行提交订单了。 重点来了!!!!! 现在提交订单的数据拿的是购物车的数据，我还是要从全局里拿，但是现在全局的数据是没...
微信小程序多页面共用一个数据globalData，并及时同步更新各页面的数据的做法
summer_my_sunshine的博客
07-21 6650
使用场景：比如有A、B、C 三个页面都有收货地址这么一个数据，这个收货地址的数据源是一样的，而这3个页面都可以独立修改收货地址。在其中一个页面修改收货地址后，另外两个页面的收货地址数据也要同步更新。 因为小程序里globalDta存储的是全局对象，多个页面使用到的数据我们就放到这里面了。 1.需要先在app.js里定义全局变量： App({ globalData: { //收货地址 receivingAddress:{ latitude:23.12463, //纬度
微信小程序如何刷新当前界面的实现方法
10-16
在微信小程序的开发过程中，有时我们需要在执行某些操作后刷新当前界面以展示最新的数据。本篇文章将详细介绍三种在微信小程序中刷新当前界面的方法。 **方法一：重新加载页面（this.onLoad()）** 在页面的数据...
微信小程序 Tab页切换更新数据
08-31
在微信小程序中，Tab页切换更新数据是一种常见的需求，特别是在多页面应用中，用户在不同Tab之间切换时，可能需要保持或传递某些状态信息。在本文中，我们将深入探讨如何在微信小程序中处理Tab页切换时的数据更新...
微信小程序下拉刷新界面的实现
08-29
在微信小程序中，下拉刷新功能是一项常见的用户体验设计，用于更新内容或获取新数据。下面我们将详细探讨如何在微信小程序中实现下拉刷新界面。 首先，要在微信小程序中启用下拉刷新功能，我们需要在全局配置文件`...
微信小程序页面间通信的5种方式
12-04
在上述场景中，我们有一个由PageA、PageB、PageC组成的微信小程序，其中PageA有一个飘数需要在从PageC返回PageA时更新。这就涉及到了跨页面通信的问题。下面我们将探讨5种实现页面间通信的方式。 1. **onShow/...
微信小程序在其他页面监听globalData中值的变化
01-03
前言 这几天去面试，多次碰到同一个知识点。而且有一次面试挺有趣的，是关于小程序的。共有3个问题。 1、小程序中Page.watch()方法是做什么用的？ 2、小程序中如何在其他页面中监听到globalData中值的变化？ 3、如果在app.js执行登录部分的代码，由于时序问题，如何处理其他页面请求时未获取到身份识别标记的情况。（session，userid等）。（大意是：怎么能够保证其他页面请求是在登录之后？） 知识点 有经验的同学可能一下子就看出来了，这其实说的是同一个东西，那就是Object.defineproperty()这个方法。 下面我来尝试回答一下： 第一题：小程序中并
（4#）【已解决】微信小程序一个页面修改了全局变量，另一个页面却还是显示该变量的初始值
yang_ri的博客
05-17 9260
微信小程序踩坑记问题描述：解决办法： 问题描述： 做法：设想，在一个页面A的A.js中改变app.js中设置的某全局变量 theGlobalData 的值，然后在页面B的B.wxml上专门有一个{{theGlobalData}}用来获取并显示该全局变量值的表达式。 目的：上述做法目的是当我们在A.js中对一个变量做了变化，希望另一个页面B.wxml能够实时呈现该变量被改变后的值。 遇到的困难：A....
微信小程序——使用globalData遇到的坑
lzz_1234的博客
05-19 1万+
微信小程序——使用globalData遇到的坑 什么是globalData 微信小程序app.js中的globalData存储的是全局数据，如果希望在各个页面之间共同使用某些信息，并且可以对共享数据进行修改设置，以便于其他页面根据数据变化进行对应的调整，最好使用globalData。 使用globalData 根据自己的需要设置任何数据。在app.js中读取globalData，使用this就可以了，修改globalData,需要对其赋值就可以。 //app.js App({ globalData:
小程序改变data内数据的值后页面显示的值不变。
qq_40081577的博客
10-10 1万+
  var a = this; a.data.loadData[e.target.dataset.id].isTouDi = 1;  今天在赋值的时候遇到了错误，后台小程序设置了以后，前台的数据不更新，后来找了很久才找到问题的原因：上面这样的会导致只在当前赋值，并不会更新前台页面绑定的值。小程序需要在setData后才会重新渲染页面。 所以应该在上面这行代码执行完毕后重新执行setData...
html页面如何修改全局变量的值,（4#）【已解决】微信小程序一个页面修改了全局变量，另一个页面却还是显示该变量的初始值...
weixin_39843677的博客
06-09 651
微信小程序踩坑记问题描述：做法：设想，在一个页面A的A.js中改变app.js中设置的某全局变量 theGlobalData 的值，然后在页面B的B.wxml上专门有一个{{theGlobalData}}用来获取并显示该全局变量值的表达式。目的：上述做法目的是当我们在A.js中对一个变量做了变化，希望另一个页面B.wxml能够实时呈现该变量被改变后的值。遇到的困难：A.js中改变的这个全局变量在B...
小程序setData执行后，页面没有刷新
BlakeSteele的博客
05-08 2547
结论：如果调用setData页面没有重新渲染，可以查看数据类型有没有问题，不要单单看打印出来的数据，因为打印出来的数据，你无法区分类型。isPayee类型改变了，应该为int ，方法调用后，ispayee的值改为了str类型，导致页面判断一直为true。尝试多次，都不会刷新，开始以为是小程序bug，因为之前遇到过多次官方bug。isPayee: tab的值，当为1时，展示1号tab， 为0时，展示2号tab。这是两个tab页面，通过点击来切换页面，其实就是改变后台的数据。
微信小程序----修改data中的数据，页面数据不改变
热门推荐
止于至善
12-26 7万+
错误原因 由于VUE等框架，我们在逻辑层修改data中的数据后，视图层（页面渲染）会跟着发生变化。当然微信小程序也是实现了相同的功能，那么出现错误的原因是什么？答案：微信小程序的setData()方法。 常见赋值方式（习惯）导致的错误Page({ data: { isShow: false }, changeStatus(){ console.log(this.dat
微信小程序的同步异步解决方案
Mr丶ZhangBo的博客
04-20 5万+
不需要插件解决小程序的事件的先后执行顺序,为不想用插件的兄弟提供一种思路
微信小程序 在app.js自身页面中如何给globalData赋值
06-03
微信小程序的app.js文件是整个小程序的入口文件，它本身不是一个页面，所以不能在app.js自身页面中给globalData赋值。globalData变量是全局变量，可以在整个小程序的各个页面中进行访问和修改。 如果需要在某个页面中给globalData变量赋值，可以通过以下步骤实现： 1. 在app.js中定义globalData变量 ```javascript App({ globalData: { var1: 'value1', var2: 'value2' } }) ``` 2. 在需要赋值的页面中获取app实例并赋值 ```javascript const app = getApp() app.globalData.var1 = 'new value' ``` 这样就可以在某个页面中动态地给globalData中的变量赋值了。需要注意的是，如果globalData中的变量发生了改变，需要手动调用页面的setData方法来更新页面上的数据。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值