更新记录

1.4(2019-08-28)

增加onReady、、onTabItemTap事件。

1.3(2019-08-28)

优化组件触发事件时,只触发页面上第一级组件的细节。 优化插件mixin部分,实现只在page页面触发。 注:在onPageScroll事件中,尽量减少改变页面内容的情况,例如改变data选项中的数据,如果必要,可以尝试使用函数节流等方式来优化性能。

1.2(2019-08-27)

修复生命周期调用时,未绑定this的问题。

查看更多

平台兼容性

uni-app组件响应页面生命周期插件

在使用uni-app开发的过程中,经常会想要在组件里响应页面的生命周期事件,比如在组件内监听页面隐藏,监听页面滚动,App端经常还会要监听返回键。 然后就自己写了一个小的插件,原理是利用Vue全局mixin来实现,有问题欢迎反馈!

使用方式

在main.js中require或者import这个ComponentLifeCycle.js文件。

在组件中,使用pageEvent选项指定要监听的页面生命周期事件,该选项必须为一个对象,内部选项可以直接指定要监听的页面事件。

支持的生命周期:

  • onHide
  • on Show (markdown不知道为啥不显示这个单词,只能拆开)
  • onReachBottom
  • onPageScroll
  • onPullDownRefresh
  • onBackPress
  • onReady
  • on Resize (markdown不知道为啥不显示这个单词,只能拆开)
  • onTabItemTap

onLoad生命周期可以使用mounted事件代替。使用示例参考文件包内的dome.vue(组件文件)

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问