在uniapp中监听globalData中的值变化

末蓝、 2022-09-04 04:51 982阅读 0赞

小程序里怎么去监听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)
        }
    
    }

## 喜欢的关注面试题小程序   关注公众号-->面试题库 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjk4MTU2MA_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjk4MTU2MA_size_16_color_FFFFFF_t_70]: /images/20220829/ddcea68c72f9456d87ce96d13fc4101d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，982人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp 使用 watch 监听属性的变化

<input type="text" v-model="propName"/> watch: \{ propName: \{ han

雨点打透心脏的1/2处/ 2022年09月05日 00:27/ 0 赞/ 1431 阅读

相关在uniapp中监听globalData中的值变化

小程序里怎么去监听app.js里的globalData数据变化呢 1、先再app.vue 中定义一个全局数据对象globalData，再对象里定义好相应的属性与属性值

末蓝、/ 2022年09月04日 04:51/ 0 赞/ 983 阅读

相关实时监听input中值变化oninput & onpropertychange

在 Web 开发中经常会碰到需要动态监听输入框值变化的情况，如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话，监听不了右键的复制、

刺骨的言语ヽ痛彻心扉/ 2022年07月16日 10:40/ 0 赞/ 218 阅读

相关 js 实时监听input中值变化

转自：http://blog.csdn.net/spy19881201/article/details/25537225 \[html\] [view plain][]

矫情吗；*/ 2022年05月30日 01:24/ 0 赞/ 229 阅读

相关在vue中监听storage的变化

为什么要监听storage的变化？ > 当我们在使用vue的时候，有时候需要一个两个数据在全局共享，vue虽然提供了vuex模块来解决此问题，但是为了一两个数据的共享引入

怼烎@/ 2022年05月09日 23:50/ 0 赞/ 344 阅读

相关小程序如何在其他页面监听globalData中值的变化？

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

ゝ一纸荒年。/ 2022年02月27日 08:16/ 0 赞/ 417 阅读

相关如何在组件中监听vuex数据变化

//利用计算属性 computed: { listData() { return this.$store.state.l

怼烎@/ 2021年09月19日 16:32/ 0 赞/ 535 阅读

相关监听localStorage中值的变化实现跨页面通信

本次分享一个之前困扰很久的，跨页面之间的通信方式。以前跨页面通信，就拿我们之前vue项目中多页面为例，每个页面都是一个独立的vue实例，通过main.js初始化，各个页面之

分手后的思念是犯贱/ 2021年09月08日 08:58/ 0 赞/ 426 阅读

相关 uniapp中使用GlobalData和Vuex

效果图： ![20210307001752757.gif][] 实现代码： <template> <view> globalData

灰太狼/ 2021年07月26日 02:19/ 0 赞/ 1048 阅读

相关 uniapp 监听网络变化函数封装

在app的编程过程中，往往需要监听手机网络的情况，进而进行网络情况的提醒，比如：`无wifi获取不到数据`等。监听网络变化 const NetWork = {

骑猪看日落/ 2021年07月25日 20:03/ 0 赞/ 877 阅读