提交 defe0d81 编写于 作者: W wanganxp

补充微信小程序下原生页面对showhide的影响

上级 843d3763
......@@ -46,6 +46,8 @@
- 如开发App页面直达功能,在配置scheme或通用链接并打包后,一般在onShow生命周期里解析scheme或applink参数,然后自行写navigatorTo等路由API跳转页面。onShow的好处是不管首页启动还是后台激活到前台,都触发。当然如果是初次启动,仍然会先打开App的首页再执行开发者编写的路由代码。
- Web的页面直达无需使用scheme或通用链接,所有页面地址都可以直接在地址栏访问。
在微信小程序下,关闭弹出的原生窗体也会触发应用的onShow。比如关闭chooseImage、chooseVideo、chooseMedia、previewImage、chooseLocation、openLocation、scanCode等弹出的窗体。
<!-- VUEJSON.application.onShow.tutorial -->
<!-- VUEJSON.application.onHide.name -->
......@@ -58,6 +60,8 @@
<!-- VUEJSON.application.onHide.returnValue -->
在微信小程序下,打开全屏原生窗体也会触发应用的onHide。比如chooseImage、chooseVideo、chooseMedia、previewImage、chooseLocation、openLocation、scanCode。可以简单理解为弹出的这些原生窗体盖住了js写的小程序。
<!-- VUEJSON.application.onHide.tutorial -->
<!-- VUEJSON.application.onLastPageBackPress.name -->
......
......@@ -129,7 +129,7 @@ uvue页面基于 vue 单文件组件规范。一个页面内,有3个根节点
### 页面 onLoad 生命周期@onload
页面初始化时,会触发onLoad生命周期。此时Dom还未构建渲染完毕,ref和getElementById都拿不到Dom(需要等onReady)。
页面初始化时,会触发onLoad生命周期。此时Dom还未构建渲染完毕,ref和getElementById使用同步方式的话拿不到Dom(需要等onReady或使用异步获取)。
所以onLoad页面常见的用途是:
1. 开始联网取数,由于联网是异步的,在onLoad发起联网,等到获取到服务器数据后,也就可以更新到data或响应式变量上了
......@@ -177,16 +177,15 @@ onShow和onHide是成对出现的。
在组合式API中,组件可以监听应用和页面的生命周期。但由于应用和页面都有onShow和onHide,导致重名。所以在组合式的组件中监听页面的显示隐藏,改为了onPageShow和onPageHide。
### onReachBottom
在微信小程序下,关闭弹出的原生窗体也会触发页面的onShow。比如关闭chooseImage、chooseVideo、chooseMedia、previewImage、chooseLocation、openLocation、scanCode等弹出的窗体。
可在pages.json里定义具体页面底部的触发距离[onReachBottomDistance](/collocation/pagesjson#pages-globalstyle)
比如设为50,那么滚动页面到距离底部50px时,就会触发onReachBottom事件。
### 页面 onHide 生命周期@onhide
### 页面 onPageScroll 生命周期 @onpagescroll
页面被隐藏/遮挡时会触发页面隐藏生命周期。
<!-- PAGEINSTANCE.onPageScroll.param -->
比如跳转到下一个页面,会触发之前页面的隐藏。
<!-- PAGEINSTANCE.onPageScroll.returnValue -->
在微信小程序下,打开全屏原生窗体也会触发页面的onHide。比如chooseImage、chooseVideo、chooseMedia、previewImage、chooseLocation、openLocation、scanCode。可以简单理解为弹出的这些原生窗体盖住了js写的小程序。
### 页面 onResize 生命周期 @onresize
......@@ -194,6 +193,17 @@ onShow和onHide是成对出现的。
<!-- PAGEINSTANCE.onResize.returnValue -->
### onReachBottom
可在pages.json里定义具体页面底部的触发距离[onReachBottomDistance](/collocation/pagesjson#pages-globalstyle)
比如设为50,那么滚动页面到距离底部50px时,就会触发onReachBottom事件。
### 页面 onPageScroll 生命周期 @onpagescroll
<!-- PAGEINSTANCE.onPageScroll.param -->
<!-- PAGEINSTANCE.onPageScroll.returnValue -->
### 页面 onBackPress 生命周期 @onbackpress
<!-- PAGEINSTANCE.onBackPress.param -->
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册