在uniapp中监听globalData中的值变化

最新推荐文章于 2024-08-22 21:44:35 发布

前端技术栈

最新推荐文章于 2024-08-22 21:44:35 发布

阅读量6.6k

点赞数 4

CC 4.0 BY-SA版权

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

本文链接：https://blog.csdn.net/weixin_42981560/article/details/119596198

小程序同时被 2 个专栏收录

39 篇文章

订阅专栏

uni-app

12 篇文章

订阅专栏

本文指导如何在小程序中通过watch方法监听app.js中的globalData数据变化，介绍了在app.vue中定义全局数据和使用watch函数进行实时监控的步骤，以及在其他页面导入并调用相应方法的实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序里怎么去监听app.js里的globalData数据变化呢

1、先再app.vue 中定义一个全局数据对象globalData，再对象里定义好相应的属性与属性值

globalData：{
    count:0
},

methods:{
	 watch:function(method,istr){
		var obj=this.globalData
		console.log(obj)
		Object.defineProperty(obj,istr,{
		configurable:true,
		enumerable:true,
		set:function(value){
			this._consumerGoodsStatus=value
			method(value)
		},
		get:function(value){
					return this._consumerGoodsStatus
				}
			})
		}
}

2、在需要用到的页面中引入

const App = getApp()


onLoad() {

	App.watch(this.getcartcount,'count')  //count是globalData中定义的属性
},

methods：{
    getcartcount(val){
        console.log('输出变化的值',val)
    }

}