微信小程序之五种页面跳转方法小结

网友投稿 462 2023-11-12

−目录第一种:<navigator></navigator>标签.第二种:wx.navigateTo.第三种:wx.redirectTo.第四种:wx.switchTab.第五种:wx.reLaunch.

第一种:<navigator></navigator>标签.

这是最常见的一种跳转方式,相当于html里的a标签.但需要注意的是 该方法不能跳转tabbar页面.

微信小程序之五种页面跳转方法小结

格式为:

?
1
<navigator url="........"></navigator>

第二种:wx.navigateTo.

通过构造js函数,在函数中调用该接口可实现页面跳转的效果.但该接口同样不能跳转tabbar页面.跳转后左上角有返回小箭头,点击可返回原本页面.

格式为:

?
1
2
3
4
5
6
next_calculator:function () {
wx.navigateTo({
url: /pages/calculator/calculator,
})
},

第三种:wx.redirectTo.

 关闭当前页面，跳转到应用内的某个页面(不能跳转tabbar页面)。类似于html中的 window.open(.....);

跳转后左上角出现返回小箭头,点击后可返回原本页面.

第四种:wx.switchTab.

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面；该方法只能跳转tabbar页面.

例如:

js: 

?
1
2
3
4
5
6
7
post_calculator:function () {
wx.switchTab({
url: /pages/calculator/calculator,
})
},
})

第五种:wx.reLaunch.

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

跟 wx.redirectTo 一样左上角不会出现返回箭头，但两者却不完全相同；

到此这篇关于微信小程序之五种页面跳转方法小结的文章就介绍到这了,更多相关小程序 页面跳转内容请搜索

您可能感兴趣的文章:微信小程序 页面跳转传参详解微信小程序 页面跳转和数据传递实例详解微信小程序 详解页面跳转与返回并回传数据微信小程序实现点击文字页面跳转功能【附源码-】微信小程序实现页面跳转传值以及获取值的方法分析微信小程序 页面跳转传递值几种方法详解微信小程序 页面跳转事件绑定的实例详解详解微信小程序 页面跳转 传递参数微信小程序 页面跳转如何实现传值微信小程序常见页面跳转操作简单示例

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。

标签：程序 方法 微信小程序 小程序 示例
上一篇:移动智能警务终端：打造高效执法利器，革新警务工作
下一篇:微信小程序实现下拉刷新和上拉分页效果的方法详解
相关文章

 发表评论

暂时没有评论，来抢沙发吧~