我们做小程序时就有很多这种情况,根据不同情况处理方式不同
第一种情况:小程序有多个tab
onUnload(event){ //多层级跳转之后,监听左上角返回事件,直接退回到index
uni.switchTab({
url:"/pages/index/index"
})
},
第二种情况只有一个首页
onUnload(event){ //多层级跳转之后,监听左上角返回事件,直接退回到index
uni.navigateBack({
delta:10
});
},
小程序跳转页面五种方式
一,navigator 相当于html里的a标签,但是不能跳转tabbar页面
<navigator url="........"></navigator>
二,uni.navigateTo.可以通过点击跳转页面(不能跳转tabbar页面);跳转后左上角有返回小箭头,点击可以返回原本页面.
<view @click="jump()"></view>
jump() {
uni.navigateTo({
url: '/pages/book/bookcontent',
})
},
三,uni.redirectTo
关闭当前页面,跳转到小程序内的某个页面(不能跳转tabbar页面);跳转后左上角出现返回小箭头,点击后可返回原本页面.
四,uni.switchTab. 关闭其他所有非 tabBar 页面,该方法只能跳转tabbar页面
uni.switchTab({
url:'/pages/index/mycollect'
});
五,uni.reLaunch.
关闭所有页面,打开到应用内的某个页面。跟 uni.redirectTo 一样左上角不会出现返回箭头,但两者却不完全相同;