钉钉小程序------子组件监测父组件的数据更新

把要监听的数据放在app.js中，在子组件中使用了定时器去监听app.js里面的数据改变，网上有很多其他人的方法，很不错，但是我不大看得懂，自己做的这个用了定时器，可能性能就不是那么好了。。。

1.在app.js中存放数据，并且获取父组件改变过的值。

App({globaldata: {lastRelVal: '', // 需要监听的数据},// 实时更新的数据setChangeData(data){this.globaldata.lastRelVal = data}
});

2.在父组件中改变该数据。　　

let app = getApp() // 引入app.js
var lastRelVal = ''
Page({data: {},// 页面加载完成onReady() {this.setData()},// 改变app.js里面的值setData() {for (let i = 0; i <= 10; i++) {lastRelVal = iapp.setChangeData(lastRelVal)}},
});

3.在子组件中每隔1s取app.js的值

let app = getApp()
Component({data: {},// 页面加载完成onReady() {this.setData()},// 接收app.js里面的值didMount() {// 每隔1s取app.js里面的lastRelVal值this.interval = setInterval(() => {console.log("隔1s取的新值",app.globaldata.lastRelVal)},1000)},
});

转载于:https://www.cnblogs.com/wgl0126/p/11479322.html

钉钉小程序------子组件监测父组件的数据更新相关推荐

wepy组件子父传值_微信小程序wepy框架中父组件与子组件通信和交互
官网上描述: $broadcast$broadcast事件是由父组件发起,所有子组件都会收到此广播事件,除非事件被手动取消.事件广播的顺序为广度优先搜索顺序.$emit$emit与$broadcast ...
钉钉/支付宝小程序自定义组件
钉钉/支付宝小程序自定义组件 1.新建自定义文件夹 eg:model 2.鼠标选中model 右键>新建小程序组件输入测试组件:demo 3.新建小程序组件包含四个文件: 1.acss:组件页 ...
wepy组件子父传值_【WePY小程序框架实战三】-组件传值
父子组件传值静态传值静态传值为父组件向子组件传递常量数据,因此只能传递String字符串类型. 父组件 (parent.wpy) 子组件(child.wpy) {{name}} props={ n ...
微信小程序子组件向父组件传值
子组件: 子组件通过triggerEvent向父组件传值父组件: 父组件通过bind:startTime绑定获取子组件传过来的值
微信小程序子组件使用canvas无效，线条画不出颜色
微信小程序子组件使用canvas无效,线条画不出颜色小程序中在page中直接使用canvas是这样使用的: // canvas 全局配置 var context = null; Page({data ...
vue 子页面调用父页面的参数_Flutter子组件调用父组件方法修改父组件参数
子组件调用父级组件方法的主要实现是父组件给子组件传入一个方法,然后在子组件中调用父级方法来修改父级的参数.看一下效果图父级组件实现在父级组件中写一个_editParentText的方法来修改组件中 ...
小程序基础知识整理（组件篇）
组件复用性强创建组件项目根目录下,新建components components---->新建文件夹 mycom--->myCom文件夹右击新建component 输入组件的名称回 ...
微信小程序学习笔记(四)自定义组件
文章目录 1. 组件的创建与引用 1.1 创建组件 1.2 引用组件 1.3 全局引用 VS 局部引用 1.4 组件和页面的区别 2. 样式 2.1 组件样式隔离 2.2 修改组件的样式隔离选项 3. ...
微信小程序学习笔记（自定义组件）
自定义组件开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用:也可以将复杂的页面拆分成多个低耦合的模块,有助于代码掩护.自定义组件在使用是与基础组件非常相似. 创建自定义组件 ...

钉钉小程序------子组件监测父组件的数据更新

钉钉小程序------子组件监测父组件的数据更新相关推荐

最新文章

热门文章