Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-uni-app-x-zh
提交
56455e78
U
unidocs-uni-app-x-zh
项目概览
DCloud
/
unidocs-uni-app-x-zh
通知
200
Star
3
Fork
46
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
13
列表
看板
标记
里程碑
合并请求
16
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-uni-app-x-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
13
Issue
13
列表
看板
标记
里程碑
合并请求
16
合并请求
16
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
56455e78
编写于
5月 22, 2025
作者:
fxy060608
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update page.md
上级
fcd39f64
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
18 addition
and
0 deletion
+18
-0
docs/page.md
docs/page.md
+18
-0
未找到文件。
docs/page.md
浏览文件 @
56455e78
...
...
@@ -325,3 +325,21 @@ onReady后,页面元素就可以自由操作了,比如ref获取节点。同
6.
转场动画结束
再次强调,5和6的先后顺序不一定,取决于首批dom渲染的速度。
## 页面作为组件 @page-as-component
全平台支持页面作为组件来渲染,通常用于宽屏适配等场景,比如一个新闻网站,在新闻列表页面,宽屏模式下,左侧显示列表,右侧用组件来显示详情页面。
-
需要手动引入页面做为组件使用
```
vue
<
template
>
<TestPage></TestPage>
</
template
>
<
script
setup
>
import
TestPage
from
'
@/pages/test/test.uvue
'
</
script
>
```
-
页面作为组件渲染时,所有页面特有的生命周期不再生效,仅支持组件的生命周期(注意:页面组合式生命周期API还可以使用,但监听到的是作为组件时所在页面的,而非它自身的)
-
支持定义props,作为页面渲染时,props会接收url中的参数,作为组件使用时,可以正常传递props(注意:如果某个页面要作为组件渲染,且需要接收参数,请使用props传递,而不是使用onLoad生命周期)
-
如果想判断当前是作为页面渲染,还是组件渲染,可以通过 this.$page.vm === this 来判断,如果相等,说明是作为页面渲染的,不相等,说明是作为组件渲染的
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录