Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
fdeb9f2d
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
5995
Star
90
Fork
162
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
18
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
18
Issue
18
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
fdeb9f2d
编写于
7月 10, 2023
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修复页面路由示例的一些bug,补充页面生命周期示例
上级
e5172005
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
48 addition
and
56 deletion
+48
-56
pages/API/navigator/navigator.uvue
pages/API/navigator/navigator.uvue
+48
-56
未找到文件。
pages/API/navigator/navigator.uvue
浏览文件 @
fdeb9f2d
<template>
<template>
<view>
<view>
<page-head
:title="titl
e"></page-head>
<page-head
title="navigat
e"></page-head>
<view class="uni-padding-wrap uni-common-mt">
<view class="uni-padding-wrap uni-common-mt">
<view style="flex-direction: row;">
<text style="width: 170px; ">onLoad触发时间戳:</text>
<text style="text-align: right">{{onLoadTime}}</text>
</view>
<view style="flex-direction: row;">
<text style="width: 170px; ">onReady触发时间戳:</text>
<text style="text-align: right">{{onReadyTime}}</text>
</view>
<view style="flex-direction: row;">
<text style="width: 170px; ">onUnload触发时间戳:</text>
<text style="text-align: right">退出页面时见控制台</text>
</view>
<view style="flex-direction: row;">
<text style="width: 170px; ">onShow触发时间戳:</text>
<text style="text-align: right">{{onShowTime}}</text>
</view>
<view style="flex-direction: row;">
<text style="width: 170px; ">onHide触发时间戳:</text>
<text style="text-align: right">{{onHideTime}}</text>
</view>
<view class="uni-btn-v">
<view class="uni-btn-v">
<button @tap="navigateTo" class="uni-btn">跳转新页面,并传递数据</button>
<button @tap="navigateTo" class="uni-btn">跳转新页面,并传递数据</button>
<button @tap="navigateBack" class="uni-btn">返回上一页</button>
<button @tap="navigateBack" class="uni-btn">返回上一页</button>
<button @tap="redirectTo" class="uni-btn">在当前页面打开</button>
<button @tap="redirectTo" class="uni-btn">在当前页面打开</button>
<
!-- <button @tap="switchTab" class="uni-btn">切换到模板选项卡</button> --
>
<
button @tap="switchTab" class="uni-btn">切换到模板选项卡</button
>
<button @tap="reLaunch" class="uni-btn">关闭所有页面,打开首页</button>
<button @tap="reLaunch" class="uni-btn">关闭所有页面,打开首页</button>
<!-- #ifdef APP-PLUS -->
<button @tap="customAnimation" class="uni-btn">使用自定义动画打开页面</button>
<button @tap="customAnimation" class="uni-btn">使用自定义动画打开页面</button>
<!-- #endif -->
<!-- #ifdef APP-PLUS || H5 -->
<button @tap="preloadPage" class="uni-btn">预载复杂页面</button>
<!-- #endif -->
<!-- #ifdef APP-PLUS -->
<button @tap="unPreloadPage" class="uni-btn">取消页面预载</button>
<!-- #endif -->
<!-- #ifdef APP-PLUS || H5 -->
<!-- <button @tap="navigateToPreloadPage" class="uni-btn">打开复杂页面</button> -->
<!-- #endif -->
</view>
</view>
</view>
</view>
</view>
</view>
</template>
</template>
<script lang="ts">
<script lang="ts">
const preloadPageUrl = '/pages/extUI/calendar/calendar'
export default {
export default {
data() {
data() {
return {
return {
title: 'navigate'
onLoadTime:0,
onShowTime:0,
onReadyTime:0,
onHideTime:0,
}
}
},
},
onLoad() {
this.onLoadTime = Date.now();
console.log("onLoad",this.onLoadTime);
},
onShow() {
this.onShowTime = Date.now();
console.log("onShow",this.onShowTime);
},
onReady() {
this.onReadyTime = Date.now();
console.log("onReady",this.onReadyTime);
},
onHide() {
this.onHideTime = Date.now();
console.log("onHide",Date.now());
},
onUnload() {
console.log("onUnLoad",Date.now());
},
methods: {
methods: {
navigateTo() {
navigateTo() {
uni.navigateTo({
uni.navigateTo({
...
@@ -50,18 +81,12 @@
...
@@ -50,18 +81,12 @@
},
},
switchTab() {
switchTab() {
uni.switchTab({
uni.switchTab({
url: '/pages/tabBar/template
/template
'
url: '/pages/tabBar/template'
});
});
},
},
reLaunch() {
reLaunch() {
// if (this.hasLeftWin) {
// uni.reLaunch({
// url: '/pages/component/view/view'
// });
// return;
// }
uni.reLaunch({
uni.reLaunch({
url: '/pages/tabBar/component
/component
'
url: '/pages/tabBar/component'
});
});
},
},
customAnimation() {
customAnimation() {
...
@@ -70,39 +95,6 @@
...
@@ -70,39 +95,6 @@
animationType: 'slide-in-bottom',
animationType: 'slide-in-bottom',
animationDuration: 200
animationDuration: 200
})
})
},
preloadPage() {
uni.showToast({
icon: 'none',
title: '暂不支持'
})
// uni.preloadPage({
// url: preloadPageUrl,
// success(){
// uni.showToast({
// title:'页面预载成功'
// })
// },
// fail(){
// uni.showToast({
// title:'页面预载失败'
// })
// }
// })
},
unPreloadPage() {
uni.showToast({
icon: 'none',
title: '暂不支持'
})
// uni.unPreloadPage({
// url: preloadPageUrl
// })
},
navigateToPreloadPage() {
uni.navigateTo({
url: preloadPageUrl
})
}
}
}
}
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录