微信小程序，全局变量一个地方改变了其他地方的状态也跟着改变。

肖肖肖丽珠

已于 2022-08-09 14:29:03 修改

阅读量811

点赞数

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

于 2022-08-09 14:26:54 首次发布

本文链接：https://blog.csdn.net/qq_33769914/article/details/126246697

版权

博主探讨了在微信小程序中如何处理全局变量的问题，特别是当一个遮罩层在多个页面中使用时，如何确保在一个页面操作后，不影响其他页面的状态。通过创建公共组件，并在组件生命周期中正确设置全局变量`showOfficial`，实现了各页面状态的独立控制。

摘要由CSDN通过智能技术生成

我有个遮罩层有个点击隐藏的按钮，他在很多页面都出现这个遮罩，怎么保证在其中一个页面点击了隐藏，其他的页面都不会出现了？

我在三个tab页面都显示了这个关注公众号的遮罩层，但是在其中一个页面点击后面的删除，其他的页面也不显示了.

把它写成一个公共的组件。在组件中监听，两个生命周期

lifetimes：//生命周期函数，可以为函数，或一个在 methods 段中定义的方法名
pageLifetimes：// 组件所在页面的生命周期函数

两个生命周期都要把当前全局的变量赋值给

app。js里面定义showOfficial

globalData: {

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

肖肖肖丽珠

关注关注

0
点赞
踩
2

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

（4#）【已解决】微信小程序一个页面修改了全局变量，另一个页面却还是显示该变量的初始值

yang_ri的博客

05-17

9396

微信小程序踩坑记问题描述：解决办法：问题描述：做法：设想，在一个页面A的A.js中改变app.js中设置的某全局变量 theGlobalData 的值，然后在页面B的B.wxml上专门有一个{{theGlobalData}}用来获取并显示该全局变量值的表达式。目的：上述做法目的是当我们在A.js中对一个变量做了变化，希望另一个页面B.wxml能够实时呈现该变量被改变后的值。遇到的困难：A....

微信小程序（十）全局数据变化监听

乌龟赛跑

12-09

4636

有这样一个需求，在一个页面点击“增加”按钮，另一个页面的数据要跟着变化，这里就需要全局数据变化监听。在全局app.js文件中： //app.js App({ // ... globalData: { orderNum:0, // 订单数量 }, //app 全局属性监听 watch: function (method) { var obj = this.globalData; Object.defineProperty(this, "globalData

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

微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化

陈万洲的专栏

05-15

7646

微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化在小程序中，我们一般在app.js的onLaunch中发起登录请求，由于是请求是异步的，这时候你发下在页面的page.js中，会发现取不到值。这里我们使用监听全局变量globalData的变化，目前还没发下小程序有自带的监听机制，这里我们自己来实现。 1. 在app.js 中添加监听函数 // 监听全局变量变化 watch: functio

微信小程序只需要改一个全局变量，就可以改变所有url，用于本地开发转为上线时快速修改为域名

最新发布

xioxiwang的博客

08-11

220

使用全局变量的url地址，在本地开发转为连接服务器上线时只需要把api.js里的url修改为服务器数据接口url就可以了，不需要在项目的每个地方都修改一次

微信小程序中设置全局变量

daweiluosite的博客

09-24

5268

微信小程序里面有个app.js，我们可以在这个里面设置全局变量。 App({ globalData:{ user:'', test:'测试' } }) 然后在，用到全局变量的js页面里写上。 Page({ onLoad:function(r){ getApp().globalData.us

微信小程序 this.data.xxx给变量赋值后，变量发送改变，data的值也会变，困扰了一天的问题终于解决。

weixin_54828488的博客

05-30

1074

微信小程序 this.data.xxx给变量赋值后，变量发送改变，data的值也会变，困扰了一天的问题终于解决。

微信开发者工具怎样批量修改一个变量名？

qq_44793488的博客

03-10

1017

批量修改变量名

微信小程序tab切换可滑动切换导航栏跟随滚动实现代码

11-30

在微信小程序中，实现类似今日头条那样可滑动切换的导航栏和内容滚动同步的效果，主要涉及到以下几个关键知识点： 1. **布局结构**： - 主体页面通常采用两层结构，外层是一个横向滚动的`<scroll-view>`作为导航栏...

编程小石头

03-19

1万+

今天来给大家讲解一个完整的微信小程序点餐项目。java后台+微信小程序实现点餐系统。第一章，技术选型 1,后台技术选型： JDK8/Java11 Mysql5.7/Mysql8 Spring-boot2.2.4 Spring-data-jpa Lombok Freemarker Bootstrap4.3 Websocket即时通讯 Tomcat服务器 Excel数据的批量导入与导出 2,小程序端技术选型 微信小程序 css3 JavaScript 第二章，效果图 1，管理后台 .

微信小程序做问卷——前端部分(生成问卷)

yaoxh6的博客

05-01

9110

文章目录实现效果界面功能数据功能各个组件的实现右上角的蓝色加号问卷结构部分以单选部分举例每个题型的灰色加号每个题型的删除按钮每个选项的删除按钮每个输入的数据记录全部代码questionnaire.wxmlquestionnaire.wxssquestionnaire.jsPS 实现效果界面功能最后实现的界面如下最右上角的蓝色加号是增加一种新的题型，一共三种题型，单选，多选，问答。选择一...

js全局变量因局部变量变化被修改的问题

h0713的博客

06-27

1185

js全局变量被污染，全局变量受局部变量修改而改变的问题

微信小程序开发之——改变Button的状态

我的博客

11-29

1288

一状态对比 Normal状态 Warn状态二示例 2.1 布局文件(button.wxml) <button type="{{isactive?'primary':'warn'}}" bindtap="buttonClick">{{isactive?'确认':'取消'}}</button> 2.2 逻辑文件 Page({ data: { isactive: true }, buttonClick() { this.setD

微信小程序中，如何将全局数据globalData应用到各个页面中(最简化版)

m0_56792639的博客

08-09

3459

示例的目的：将各个页面的http://localhost:3000替换成一个全局变量，只需要在app.js改动该变量，其他页面就能跟着改动一、在app.js中加入globalData，（新增一个数据，数据名是全局变量） App({ globalData:{ web:'http://localhost:3000', //url网址前缀 }, }); 这里使用变量是一个网址的前缀，类型是string，变量名是web 二、在小程序的页面中调用和写入GlobalData 这里在所有页面

小程序this.setData修改数据之后，data中其他数据也跟着一起改变了

github_54195343的博客

08-30

1170

修改一个data数据，导致另一个数据也被误修改了，原因是指针问题。

微信小程序全局变量实时改变

baozaobenren的博客

01-11

2284

问题是这样的，我在a页面点击一下b页面显示的变量就要增加一下，所以我在app.js中定义了一个变量赋值为0，操作一次给app.js中的值加一次，然后在b页面onload赋值显示在页面上 app.js a页面 b页面在onload赋值但改变全局值的话只有在页面第一次进来的时候页面值会改变，想过监听数值，但没有成功，然后试着在onshow页面赋值在页面显示然后就可以了 ...

微信小程序-修改数据后页面不渲染

热门推荐

前端向朔

03-04

3万+

说明去年从小程序一开始出来到现在，我一直是比较看好和保持一定的关注度的，小程序的掀起的波浪我觉得一开始是在前端及其他技术开发人群中的，这是我第一次有意识的亲眼目睹了一个新技术的发展，还是感觉比较荣幸的。唱衰小程序？我的观点是肯定不可能，因为现在每天提交审核的小程序还在继续增加，而且有些小程序确实很好用，比如摩拜的扫码骑车，还有我上周去KTV，直接用小程序扫屏幕上的二维码，就可以绑定房间，然后通过

微信小程序——监听全局变量改变则运行某个方法、A页面触发B页面的某个方法（非页面栈）、组件（observers监听某个值的变化）

wy313622821的博客

05-26

3119

监听某个值的变化 observers: { 'typeList': function(typeList) { // 在 typeList被设置时，执行这个函数 // console.log("typeList有改变触发------------>",typeList) } }, 放在与 methods方法同级的位置 ...

微信小程序 全局变量

08-21

微信小程序中的全局变量是在App.js文件中设置的，通过globalData对象来存储全局变量的值。在这个对象中，可以定义和存储需要在整个小程序中使用的变量。例如，可以定义一个名为hasLogin的全局变量，并设置初始值为false，还可以定义一个名为openid的全局变量，并初始化为null。 全局变量的使用可以在小程序的任何页面中进行。通过在页面中引入App.js文件，并使用`getApp()`方法获取到App实例，就可以访问和使用全局变量了。例如，可以通过`getApp().globalData.hasLogin`来获取或修改全局变量的值。除了使用微信小程序原生的方式设置和使用全局变量外，还可以使用其他框架或工具来实现全局状态管理，如uni-app可以使用Vuex来定义和管理全局变量。通过在Vuex中定义全局变量的状态，并在需要使用的页面中引入并使用对应的状态值，可以实现全局变量的共享和修改。总结起来，微信小程序的全局变量是通过在App.js文件中设置globalData对象来存储的，可以在整个小程序中共享和使用。具体的使用方式可以根据需求选择原生方式或使用框架提供的方法来实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [微信小程序 全局变量](https://blog.csdn.net/JxufeCarol/article/details/117735950)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [wx小程序、uni-app全局变量](https://blog.csdn.net/hbiao68/article/details/102898031)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]