Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
defe0d81
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
144
Star
2
Fork
33
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
9
列表
看板
标记
里程碑
合并请求
11
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
9
Issue
9
列表
看板
标记
里程碑
合并请求
11
合并请求
11
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
defe0d81
编写于
12月 01, 2024
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
补充微信小程序下原生页面对showhide的影响
上级
843d3763
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
21 addition
and
7 deletion
+21
-7
docs/collocation/app.md
docs/collocation/app.md
+4
-0
docs/page.md
docs/page.md
+17
-7
未找到文件。
docs/collocation/app.md
浏览文件 @
defe0d81
...
...
@@ -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 -->
...
...
docs/page.md
浏览文件 @
defe0d81
...
...
@@ -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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录