uniapp路由和页面的重定向

路由与页面重定向

uni.navigateTo(OBJECT): 保留当前页面, 重置到应用内的某个页面

1.保留当前页面, 重置到应用内的某个页面, 使用uni.navigateBack可以返回到原页面

2.可以传递参数, 接受参数时, 使用钩子函数onLoad

参数类型默认值说明
urlString需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2’,path为下一个页面的路径,下一个页面的onLoad函数可得到传递的参数
animationTypeStringpop-in窗口显示的动画效果
animationDurationNumber300窗口动画持续时间, 单位为ms
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功, 失败都会执行)
//index.vue
toPath(){//点击函数
	跳转非tabBar页面,可以带参数跳转
	uni.navigateTo({
		url:"../one/one?name=zhangSan"
	})
}
//one.vue
onLoad(option){
	console.log(option)
}

uni.redirectTo:关闭当前页面, 跳转到应用内的某个页面

1.关闭当前页面, 跳转到应用内的某个页面

2.可以传递参数

参数类型默认值说明
urlString需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2’,path为下一个页面的路径,下一个页面的onLoad函数可得到传递的参数
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功, 失败都会执行)

uni.reLaunch:关闭所有页面, 打开到应用内的某个页面

1.关闭所有页面, 打开到应用内的某个页面

2.可以传递参数

参数类型说明
urlString需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2’,如果跳转的页面路径是 tabBar 页面则不能带参数
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功, 失败都会执行)

uni.switch Tab:跳转到tabBar页面, 并关闭其他所有非tabBar页面

跳转到tabBar页面, 并关闭其他所有非tabBar页面

不能传递参数

object参数说明

参数类型说明
urlString需要跳转的tabBar页面的路径(需要在pages.json的tabBar字段定义的页面),路径后不能带参数
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口条用结束的回调函数(调用成功, 失败都会执行)

uni.navigateBack:关闭当前页面, 返回上一页或多级页面

1.关闭当前页面, 返回上一页或多级页面

2.可通过getCurrentPages()获取当前的页面栈, 决定需要返回几层

参数类型默认值说明
deltaNumber1返回的页面数, 如果delta大于现有页面数, 则返回到首页
animationTypeStringpop-out窗口关闭的动画效果
animationDurationNumber300窗口关闭动画的持续时间, 单位为ms

注意:

  • navigateTo, redirectTo只能打开非tabBar页面
  • switchTab只能打开tabBar页面
  • reLaunch 可以打开任意页面
  • 页面底部的tabBar由页面决定, 即只要是定义为tabBar的页面, 底部都有tabBar
  • 不能在App.vue里边进行页面跳转
  • H5端页面刷新之后页面栈会消失, 此时navigateBack不能返回, 如果一定要返回可以使用history.back()导航到浏览器的其他历史记录
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值