在uniapp中监听globalData中的值变化

简介: 在uniapp中监听globalData中的值变化

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

 

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

相关文章
|
移动开发 Android开发 iOS开发
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
938 0
|
存储
uniApp监听左右滑动事件
uniApp监听左右滑动事件
553 0
uniapp input框监听回车搜索事件效果demo(整理)
uniapp input框监听回车搜索事件效果demo(整理)
|
6月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
145 7
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
|
6月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
84 7
|
6月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
99 7
|
6月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的武汉市公交路线查询系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的武汉市公交路线查询系统的详细设计和实现(源码+lw+部署文档+讲解等)
131 7
|
6月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的旅游攻略系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的旅游攻略系统的详细设计和实现(源码+lw+部署文档+讲解等)
136 7
|
6月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的成人教育APP的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的成人教育APP的详细设计和实现(源码+lw+部署文档+讲解等)
104 7
|
6月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的大学生勤工助学管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的大学生勤工助学管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
112 7
下一篇
开通oss服务