Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Accustomed_
hello uni-app x
提交
fb7daedc
H
hello uni-app x
项目概览
Accustomed_
/
hello uni-app x
与 Fork 源项目一致
Fork自
DCloud / hello uni-app x
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
fb7daedc
编写于
11月 02, 2023
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: 优化拦截器示例提示文案
上级
480fd1f5
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
17 addition
and
8 deletion
+17
-8
pages/API/interceptor/interceptor.uvue
pages/API/interceptor/interceptor.uvue
+17
-8
未找到文件。
pages/API/interceptor/interceptor.uvue
浏览文件 @
fb7daedc
<template>
<template>
<view>
<view>
<button @click="addInterceptor">添加拦截器</button>
<button @click="addInterceptor">添加路由拦截器</button>
<button @click="removeInterceptor">移除拦截器</button>
<button @click="removeInterceptor">移除路由拦截器</button>
<text>点击下方按钮{{msg}}</text>
<button @click="navigateTo">跳转到测试页面</button>
<button @click="navigateTo">跳转到测试页面</button>
</view>
</view>
</template>
</template>
...
@@ -9,7 +10,7 @@
...
@@ -9,7 +10,7 @@
<script>
<script>
const interceptor = {
const interceptor = {
invoke: function (options : NavigateToOptions) {
invoke: function (options : NavigateToOptions) {
console.log('
interceptor.invoke:
', options)
console.log('
拦截 navigateTo 接口传入参数为:
', options)
const url = './page2'
const url = './page2'
uni.showToast({
uni.showToast({
title: `重定向到页面:${url}`
title: `重定向到页面:${url}`
...
@@ -17,16 +18,19 @@
...
@@ -17,16 +18,19 @@
options.url = url
options.url = url
},
},
success: function (res : NavigateBackSuccess) {
success: function (res : NavigateBackSuccess) {
console.log('
interceptor.success:
', res)
console.log('
拦截 navigateTo 接口 success 返回参数为:
', res)
},
},
fail: function (err : NavigateToFail) {
fail: function (err : NavigateToFail) {
console.log('interceptor.fail:', err)
console.log('拦截 navigateTo 接口 fail 返回参数为:', err)
},
complete: function (res : NavigateToComplete) {
console.log('拦截 navigateTo 接口 complete 返回参数为:', res)
}
}
} as Interceptor
} as Interceptor
export default {
export default {
data() {
data() {
return {
return {
msg: "会跳转到测试页面1"
}
}
},
},
beforeUnmount() {
beforeUnmount() {
...
@@ -37,14 +41,16 @@
...
@@ -37,14 +41,16 @@
addInterceptor() {
addInterceptor() {
uni.addInterceptor('navigateTo', interceptor)
uni.addInterceptor('navigateTo', interceptor)
uni.showToast({
uni.showToast({
title: '
拦截器已添加
'
title: '
页面跳转已拦截
'
})
})
this.msg = ",路由被劫持到测试页面2"
},
},
removeInterceptor() {
removeInterceptor() {
uni.removeInterceptor('navigateTo', interceptor)
uni.removeInterceptor('navigateTo', interceptor)
uni.showToast({
uni.showToast({
title: '拦截器已移除'
title: '拦截器已移除'
})
})
this.msg = "会跳转到测试页面1"
},
},
navigateTo() {
navigateTo() {
uni.navigateTo({
uni.navigateTo({
...
@@ -54,6 +60,9 @@
...
@@ -54,6 +60,9 @@
},
},
fail(err) {
fail(err) {
console.error('err:', err)
console.error('err:', err)
},
complete(res) {
console.log('res:', res)
}
}
})
})
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录