小程序中的页面跳转redirectTo,switchTab,navigateTo,reLaunch

300 阅读2分钟

这是我参与11月更文挑战的第11天,活动详情查看:2021最后一次更文挑战

不知不觉已经是第十一天更文了,今天是个特殊的日子11.11,好日子,剁完手赶紧来写篇文章冷静冷静,哈哈哈

现在小程序越发的普遍了,好像小程序开发成为了每个前端的必备技能,各种小程序相关的框架也顺势而生,所以为了紧跟着IT发展的潮流,抓紧时间偷偷学起来,防止被别人卷死,啊哈哈

这篇文章讲的是比较基础的哈,小白进,大佬绕开哈

在小程序中页面跳转的方式有很多,但是可能很多人还是搞不清他们之间的区别,那今天这篇博客就是来讲一讲,小程序中这几个页面跳转也就是路由跳转的区别

1.navigeteTo

保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层

这个跳转方式是我们最常用到的,它在使用的时候触发的生命周期是 onHide 指的是隐藏了之前的页面,所以我们可以使用navigateBack来进行返回.可以携带参数

2.redirectTo

关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面

这个跳转方式,不可以跳转回之前的页面. 因为在使用这种方式进行页面跳转的时候,小程序会触发生命周期 onUnload 指的是页面卸载,所以是不可以返回的.可以携带参数

3.switchTab

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

这个跳转只能够跳转到tabBar页面, tabBar页面指的是在app.json中写的. 这种方法不能够携带参数

4.reLaunch

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

这种跳转方式既可以跳转普通页面,也可以跳转至tabBar页面,但是跳转之前会关闭所有打开的页面. 可以携带参数

这就是本次分享的全部内容啦

写的有不对的地方欢迎提出哦,快快乐乐

欢迎留言,私信 探讨技术哦

前端菜鸟一枚