微信小程序canvas怎么监听canvas画为空

1.canvas标签默认宽度300px、高度225px

2.同一页面中的canvas-id不可重复，如果使用一个已经出现过的canvas-id，该canvas标签对应的画布将被隐藏并不再正常工作

示例代码：下载

?

1

2

3

4

5

6

7

<!-- canvas.wxml -->

<canvas style="width: 300pxheight: 200px" canvas-id="firstCanvas"></canvas>

<!-- 当使用绝对定位时，文档流后边的canvas的茄竖显示层级高于前边的canvas-->

<canvas style="width: 400pxheight: 500px" canvas-id="secondCanvas"></canvas>

<!-- 因为canvas-id与铅亩前一个canvas重复，该canvas不会显示，并会发送颤激大一个错误事件到AppService -->

<canvas style="width: 400pxheight: 500px" canvas-id="secondCanvas" binderror="canvasIdErrorCallback"></canvas>

// canvas.js

iOS数据监听很简单，比如登录成功之后首页、个人中心页等很多页面都需要更新数据，只需要首页和个人中心页注册通知，登录成功册答之后发送通知，首页和个人中心页就能接收到该通知，此时就可以更新数据及界面，退出桐大登录同理。

小程序更新页面数据就比较费劲，之前我都是州轮慧获取上级页面，然后调用上级页面自定义方法 loadNewData 方法来刷新上级页面数据。

这种方法说实话也挺好用的，但是只能更新 wx.navigateTo 打开的页面。

官方也有页面间通信方法 EventChannel ，同样只能和 wx.navigateTo 打开的页面进行通信。

今天遇到的需求是 tabbar 切换的页面更新首页列表数据，只能各种百度，最终也实现的功能。

在首页调用

在其他页面修改 reloadIndex 的值

小程序组件有 数据监听器 ，也实现了某个功能。

参考文章：

小程序实现数据监听

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

微信小程序设置简单的监听器

---