更新记录
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(组件文件)