主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
有几种方法可以跳转到applet页面:
I. wx.navigateTo(对象)
这是最常见的跳转方式,其官方解释是:“保留当前页面,跳转到应用中的一个页面”
类似于window . location . href = ;在html 例如:
wx . navigate to({ URL: # 39;测试?id = 1 # 39})实际效果如下:
小程序的左上角有一个返回箭头,可以返回到上一页。
还可以通过wx.navigateBack方法返回到原始页面
二、wx.redirectTo(对象)
关闭当前页面并跳转到应用程序中的页面。类似于html( # 39;你想跳转到的页面 # 39;);例如:wx . redirect to({ URL: # 39;测试?id = 1 # 39})效果如下:
如果左上角没有返回箭头,您将无法返回上一页。
三。wx.switchTab(对象)
跳转到tabBar页面并关闭所有其他非tabBar页面,例如:{ " tabBar :{ 列表 :
不允许Wx.navigateTo和wx.redirectTo跳转到tabbar页面,只能使用wx.switchTab跳转到tabbar页面。
四。wx.reLaunch(对象)
关闭所有页面,打开应用程序中的一个页面。
和wx.redirectTo一样,左上角没有返回箭头,但它们并不完全一样。
这里提到了applet中的getCurrentPages()方法。
在wx.navigateTo中,每次跳转到一个新页面,它的原始页面都会被添加到堆栈中。通过调用wx.navigateBack(OBJECT),可以获取堆栈中保存的页面,返回上一级或多级页面;
Wx.redirectTo,该方法不会被添加到堆栈中,但wx.navigateBack(OBJECT)方法仍然可以返回上一个堆栈中的页面。
wx.reLaunch方法清除当前堆栈。
例如:
//这里是页面A wx . navigate to({ URL: # 39;b?id = 1 # 39})//这里是B页wx . navigate to({ URL: # 39;c?id = 1 # 39})//在页面C中向后导航将返回页面B navigate back({ delta:1 })//这里是页面B wx . redirect to({ URL: # 39;c?id = 1 # 39})//如果在C页导航回来,就会回到A页wx.navigateBack({ delta: 1 })//这里是B页wx . relault({ URL: # 39;c?id = 1 # 39})//C页中的navigateBack无效。相关推荐:小程序开发教程就是如何跳转小程序页面的细节。更多请关注主机参考其他相关文章!
这几篇文章你可能也喜欢:
- 小程序页面跳转的方式有哪些(如何设置小程序页面跳转)
- 通俗易懂!WordPress页面不要跳转分享!(wordpress菜单跳转页)
- 如何在WordPress中设置页面不跳转?(wordpress如何设置页面)
- 解决wordpress中页面错位问题的实用技巧(WordPress如何修改页面宽度)
- Microsoftstore无法加载该页面。这是怎么回事?怎么解决?
本文由主机参考刊发,转载请注明:小程序页面跳转的方式有哪些(小程序中完成页面跳转切换的方式有哪些) https://zhujicankao.com/80195.html
评论前必须登录!
注册