Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
defe0d81
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
209
Star
4
Fork
46
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
16
列表
看板
标记
里程碑
合并请求
16
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
16
Issue
16
列表
看板
标记
里程碑
合并请求
16
合并请求
16
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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录