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

最新推荐文章于 2024-05-09 16:29:06 发布
最新推荐文章于 2024-05-09 16:29:06 发布
阅读量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
    评论
专栏目录
微信小程序在其他页面监听globalData中值的变化
01-03
前言 这几天去面试，多次碰到同一个知识点。而且有一次面试挺有趣的，是关于小程序的。共有3个问题。 1、小程序中Page.watch()方法是做什么用的？ 2、小程序中如何在其他页面中监听到globalData中值的变化？ 3、如果在app.js执行登录部分的代码，由于时序问题，如何处理其他页面请求时未获取到身份识别标记的情况。（session，userid等）。（大意是：怎么能够保证其他页面请求是在登录之后？） 知识点 有经验的同学可能一下子就看出来了，这其实说的是同一个东西，那就是Object.defineproperty()这个方法。 下面我来尝试回答一下： 第一题：小程序中并
微信小程序 Tab页切换更新数据
08-31
在微信小程序中，Tab页切换更新数据是一种常见的需求，特别是在多页面应用中，用户在不同Tab之间切换时，可能需要保持或传递某些状态信息。在本文中，我们将深入探讨如何在微信小程序中处理Tab页切换时的数据更新...
小程序app.globalData属性值改变时其它页面的引用响应更新
yfm120750310的博客
06-01 2117
小程序app.globalData属性值改变时其它页面的引用响应更新
微信小程序 小程序首页获取不到动态设置的globalData 的解决方法
03-29 4310
当我们在App.js 中动态给globalData赋值的时候， 通常是通过AJAX异步获取全局配置信息 将这些信息存储到 globalData的变量里， 然后全局使用。 但是有个问题， 在App.js 中赋值，在其他页面中不一定获取得到。该怎么办呢？ 主要是方式问题。 解决方法： app.js 中正常赋值，如下： success: function(res) { console.log("返回SYSConfig",res); that.globalDat.
微信小程序中全局共享数据globalData的使用(1)
最新发布
2401_84093054的博客
05-09 744
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
解决微信小程序使用switchTab传参以及跳转后页面不刷新的问题
red_paper_zj的博客
06-17 1284
可先在app.js里定义一个全局变量。 globalData:{ arguments: null } 然后在点击事件里改变全局变量。 toTabPage(e){ let arg = e.currentTarget.dataset.arg; getApp().globalData.arguments = arg; wx.switchTab({ url:url }) } 在tab页面的onLoad或者onShow事件里获取全局变量 onLoad(){ let a
微信小程序中全局共享数据globalData的使用
Amelian的博客
12-20 1万+
1.全局共享数据 全局共享数据的两种方式 通过Vue原型共享数据 通过globalData共享数据 vuex 本地存储 1)在Vue实例原型属性上添加属性,其他任何页面预想使用,直接使用this获取到, 比如: 主要代码:(在入口文件mian.js中) import request from './utils/request' Vue.prototype.request=request; 2)通过globalData的方式 说明:小程序有globalData,这是一个简单的全局变量机制.这套机制在u
微信小程序如何使用globalData的方法
12-10
微信小程序在JavaScript文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。如果希望在各个页面之间共同使用某些信息，并且可以对共享数据进行修改设置，以便于其他页面根据数据变化进行对应的调整，最好使用全局数据globalData。 globalData在app.js文件中app()全局应用实例中： // app.js App({ globalData: 1 }) 由于它具有共享属性，对于它的设置和修改，需要分两方面来说明。 第一，在app.js文件中，怎样设置和修改。设置其实跟在其他js文件中设置data值是一样的： //app.js
微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化
陈万洲的专栏
05-15 7457
微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化 在小程序中，我们一般在app.js的onLaunch中发起登录请求，由于是请求是异步的，这时候你发下在页面的page.js中，会发现取不到值。这里我们使用监听全局变量globalData的变化，目前还没发下小程序有自带的监听机制，这里我们自己来实现。 1. 在app.js 中添加监听函数 // 监听全局变量变化 watch: functio
uniapp中globalData刷新后会丢失
qq_41818857的博客
09-26 1847
globalData只是一种变量缓存，刷新后就会丢失。 解决办法：使用uniapp本地缓存
微信小程序中如何有效地改变app.js中的数据,并在其他页面进行动态响应
Nshuidaobenxi的博客
01-03 6677
最近写微信小程序项目，项目过程中遇到一个问题，要改变全局js中的数据，并在另一个页面进行响应。 举个小例子吧! 比如说有一个这样的需求：需要把一个商品添加到购物车，我在商品首页的js中把所有商品数据push进app.js的一个数组中，然后在购物车里拿相应的商品信息，接下来要进行提交订单了。 重点来了!!!!! 现在提交订单的数据拿的是购物车的数据，我还是要从全局里拿，但是现在全局的数据是没...
（4#）【已解决】微信小程序一个页面修改了全局变量，另一个页面却还是显示该变量的初始值
yang_ri的博客
05-17 9226
微信小程序踩坑记问题描述：解决办法： 问题描述： 做法：设想，在一个页面A的A.js中改变app.js中设置的某全局变量 theGlobalData 的值，然后在页面B的B.wxml上专门有一个{{theGlobalData}}用来获取并显示该全局变量值的表达式。 目的：上述做法目的是当我们在A.js中对一个变量做了变化，希望另一个页面B.wxml能够实时呈现该变量被改变后的值。 遇到的困难：A....
微信小程序如何刷新当前界面的实现方法
10-16
在微信小程序的开发过程中，有时我们需要在执行某些操作后刷新当前界面以展示最新的数据。本篇文章将详细介绍三种在微信小程序中刷新当前界面的方法。 **方法一：重新加载页面（this.onLoad()）** 在页面的数据...
微信小程序下拉刷新界面的实现
08-29
在微信小程序中，下拉刷新功能是一项常见的用户体验设计，用于更新内容或获取新数据。下面我们将详细探讨如何在微信小程序中实现下拉刷新界面。 首先，要在微信小程序中启用下拉刷新功能，我们需要在全局配置文件`...
如何让微信小程序页面之间的通信不再变困难
01-19
一个开始 小程序开发者总会碰到各种页面之间的通信问题，实现方式也五花八门，比如… 场景还原 首先这是一个电商小程序。...方式二：globalData存储购物车数量，onShow中做刷新　 // 主页.js Page({ onShow()
微信小程序——使用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...
微信小程序多页面共用一个数据globalData，并及时同步更新各页面的数据的做法
summer_my_sunshine的博客
07-21 6531
使用场景：比如有A、B、C 三个页面都有收货地址这么一个数据，这个收货地址的数据源是一样的，而这3个页面都可以独立修改收货地址。在其中一个页面修改收货地址后，另外两个页面的收货地址数据也要同步更新。 因为小程序里globalDta存储的是全局对象，多个页面使用到的数据我们就放到这里面了。 1.需要先在app.js里定义全局变量： App({ globalData: { //收货地址 receivingAddress:{ latitude:23.12463, //纬度
微信小程序 在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、付费专栏及课程。

余额充值