小程序路由跳转
小程序路由跳转
通过组件navigator跳转,设置url属性指定跳转的路径,设置open-type属性指定跳转的类型(可选),open-type的属性有 redirect, switchTab, navigateBack
// redirect 对应 API 中的 wx.redirect 方法
在当前页打开
// navigator 组件默认的 open-type 为 navigate
跳转到新页面
// switchTab 对应 API 中的 wx.switchTab 方法
切换 Tab
// reLanch 对应 API 中的 wx.reLanch 方法
//关闭所有页面,打开到应用内的某个页面
// navigateBack 对应 API 中的 wx.navigateBack 方法
关闭当前页面,返回上一级页面或多级页面
通过api跳转,wx.navigateTo() , wx.navigateBack(), wx.redirectTo() , wx.switchTab(), wx.reLanch()
wx.navigateTo({
url: 'page/home/home?user_id=1' // 页面 A
})
wx.navigateTo({
url: 'page/detail/detail?product_id=2' // 页面 B
})
// 跳转到页面 A
wx.navigateBack({
delta: 2 //返回指定页面
})
// 关闭当前页面,跳转到应用内的某个页面。
wx.redirectTo({
url: 'page/home/home?user_id=111'
})
// 跳转到tabBar页面(在app.json中注册过的tabBar页面),同时关闭其他非tabBar页面。
wx.switchTab({
url: 'page/index/index'
})
// 关闭所有页面,打开到应用内的某个页面。
wx.reLanch({
url: 'page/home/home?user_id=111'
})
相关推荐HOT
更多>>小程序路由跳转
小程序路由跳转通过组件navigator跳转,设置url属性指定跳转的路径,设置open-type属性指定跳转的类型(可选),open-type的属性有redirect,switc...详情>>
2023-05-16 17:24:00js常见的数据类型
js常见的数据类型,JavaScript常见的数据类型包括:详情>>
2023-04-24 16:25:18java中如何创建线程
java中如何创建线程,在 Java 中创建线程的方式有两种,分别是继承 Thread 类和实现 Runnable 接口。详情>>
2023-04-24 16:09:00谈谈Vue路由模式,路由有哪些模式
谈谈Vue路由模式,路由有哪些模式,在vue-router路由对象中,路由有两种模式:hash和history,而默认的是hash模式.详情>>
2023-04-18 15:54:22