微信小程序 - 如何监听globalData 变量的变化
最新发现
这个才是真正的解决办法啊!
一、app.js中定义watch函数
onLaunch() {// ...
},
watch:function(method){var obj = this.globalData;Object.defineProperty(obj,"hasToken", {configurable: true,enumerable: true,set: function (value) {this._hasToken = value;console.log('是否会被执行2')method(value);},get:function(){// 可以在这里打印一些东西,然后在其他界面调用getApp().globalData.name的时候,这里就会执行。return this._hasToken}})
},
globalData: {hasToken:false
}
二、在需要监听变量的js中使用
我这里是在一个组件中,需要根据是否登录的状态,来进行请求
Component({lifetimes:{attached(){let self = this;app.watch(self.watchBack.bind(self)); // 注意:watchBack后面要重新绑定this,否则下边的this.queryPreset()找不到}},methods:{watchBack(hasToken){if(!hasToken) return;this.queryPreset();},}
})
参考文章:https://www.jb51.net/article/165365.htm
参考文章(监听多个属性):https://www.cnblogs.com/dream-saddle/p/11180053.html
微信小程序 - 如何监听globalData 变量的变化相关推荐
- 微信小程序全局监听globalData的某个属性变化
前言 近日在开发微信小程序的时候,要将globalData中某个属性的变化要同步到某个页面中. 使用Object.defineProperty()监听属性全局更改 经过上网查询相关资料,参考vue实现 ...
- 微信小程序 - 全局监听globalData的某个属性变化,例如监听网络状态切换
前言 近日公司小程序项目中有个需求,商品列表页及商品详情页配置视频,视频在WiFi环境下自动播放,非WiFi环境下暂停播放. 一.小程序有获取网络类型的API wx.getNetworkType(Ob ...
- h5(微信sdk/企信sdk)页面跳转微信小程序,监听微信小程序关闭事件,已解决
H5应用打开小程序,监听小程序关闭: document.addEventListener("visibilitychange", function(){if(document.hi ...
- 微信小程序全局监听路由变化
小程序有一个API可以侦听全局路由跳转,官方文档里面没有但是可以使用. wx.onAppRoute((res) => { console.log('路由监听',{res}) })
- 微信小程序:监听二维码是否被使用,开启全局websocket,在其它页面接收消息
业务场景 适用于:在其它页面悬浮二维码,用户点击后在当前页面展示二维码,监听是否被扫,接收消息消费了多少钱,五秒后重新展示乘车码,用户可关闭二维码展示栏,继续浏览页面. 1.在app.js中开启web ...
- 微信小程序的监听函数(mpvue)
参考文章:https://blog.csdn.net/xuyangxinlei/article/details/81408200 参考文章:https://blog.csdn.net/u0130347 ...
- 微信小程序实现侦听属性
[观察者Observer模式及其应用] 一.任务:小程序中没有监听属性,如何让小程序支持监听属性. 衡量模块独立性:内聚性:模块内部变量之间的关系是否紧密.耦合性:模块之间的关系是否紧密.要想做到模块 ...
- js全局变量和局部变量名称一样_微信小程序的全局变量、页面变量,你真的掌握了?...
开发微信小程序时,遇到的坑挺多的,别的不说,单是变量的应用,就够你折腾一阵子的了,可能,或许是我不熟悉的缘故吧? 1 如果你认为你很熟悉的话,那你猜一下,下面的变量-userInfo,是属于全局变量, ...
- 微信小程序插值语法和数组变量检测踩过的坑
引言 微信小程序用的是vue,但是又不同于vue,这就导致我们容易基于vue的思维来踩坑 插值语法 我当时尝试在wxml文件给插值语法的数据调用js内部的方法,但是显示的却是NAN,我查了一下,发现w ...
最新文章
- html中字段是日期控件,jQuery日历插件datepicker用法详解
- Nandflash 驱动深度分析(基于S3C2410)
- 拳王虚拟项目公社:通过网络卖虚拟产品,月入1W的全自动化推广引流技术
- LLVM 核心类简明示例
- Java Web 开发详解
- MUSIC算法的参数设置
- 视频转换大师免费版|视频转换大师免费版下载 v9.3.6
- Android Systrace 使用详解
- 巴厘岛最全的美食攻略
- 职业投资策略(转贴)
- allure用例定制参数及报告效果展示
- 11:Hive从0到1系列学习:函数之常用的内置函数
- 大数据如何赋能产品—用户特征分析
- 设置文字样式并写入CAD
- 关于2018后新款 Mac增加T2安全芯片造成无法U盘启动解决办法
- u盘kali linux淘宝,爱了!3 个受欢迎的 U盘Linux 发行版|Linux 中国
- [程序人生]北大学生12年不回家,你怎么看?
- 系统学习机器学习之神经网络(十二) --人工神经网络总结
- 中国科学院计算机网络信息中心科学数据中心,中科院计算机网络信息中心简介...
- 集成电路工程专业英语