一、wx.navigateTo（）（入栈）

保留当前页面，跳转到应用内的某个页面。会产生缓存页面，缓存足够多时会导致页面卡顿。不建议三次以上跳转使用。类似于html中的 window.location.href=" "。在wx.navigateTo中，每跳转一个新的页面，其原始页面就会被加入堆栈，通过调用wx.navigateBack()可通过获取堆栈中保存的页面返回上一级或多级页面；

区别：可以携带参数、可以通过方法 wx.navigateBack返回页面、不可跳转tabBar 页面。

二、wx.redirectTo（）（不入栈）

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

区别：跳转某个页面会刷新重新打开、不能返回上一页面、不可以跳转tabBar 页面、可以携带参数。

三、wx.switchTab（）

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

区别：只能跳转tabBar 页面、不可携带参数。

四、wx.reLaunch（）

关闭所有页面，打开到应用内的某个页面。会清空当前的堆栈。

区别：可以跳转任意页面，包含tabBar 页面。可携带参数

五、<navigator></navigator>标签

用标签包含在想要的view块跳转即可。

区别：在wxml中页面进行跳转、默认navigateTo跳转，可以设置reLaunch等跳转方法。唯一wxml页面跳转，其他方法都是js跳转。该方法灵活性比差，跳转不受js控制。

微信小程序跳转方式总结相关推荐

手机按三角返回页面上一页_小猿圈微信小程序跳转页面都有哪些？
随着科技的进步互联网的发展,微信小程序逐渐成为了很多推广渠道的入口,但是因为很多做前端的小伙伴们不知道怎么去实现跳转页面,弄得不知所措,今天小猿圈前端讲师就给你讲解几种微信小程序跳转页面方法. 微信小 ...
微信小程序跳转页面问题
微信小程序跳转页面的方式: 1.跳转至tabBar页面,并关闭其他所有非 tabBar页面 wx.switchTab({ url: '路径' //url同app.json中配置的tabBar路径 }) ...
微信小程序跳转微信内置浏览器
最近遇到一个需求,需要微信小程序跳转到微信内置浏览器,但是官网并没有给出相关文档.查阅了大量资料,发现有两种实现方式. 1.通过微信公众号文章实现小程序可以使用web-view打开关联的公众号文章, ...
微信小程序跳小程序short-link（#小程序://）
short-link获取:shortlink.generate | 微信开放文档 navigator组件新引入了一种跳转小程序页面的方法示例: <navigator target=" ...
【微信小程序】关于H5跳转微信小程序、微信小程序跳转H5、微信小程序跳转微信小程序的实现方法
0 说明业务提出需求,要实现H5跳转微信小程序的需求,在浏览器.微信环境下,都能通过H5跳转进入小程序. 另外,本文也将微信小程序跳转到H5,以及微信小程序跳转到微信小程序的方法进行汇总. 对于,微 ...
uni-app开发h5点击跳转到h5，微信小程序跳转到h5
<imageclass="tvcBu"@click="toUrl"mode="aspectFit"src="../../st ...
微信小程序跳转到任意网页【非webview】
微信小程序跳转到网页目前官方给出的方式需要使用webview,这样有就会有小程序认证类型的限制和域名的限制. 现在可以通过其他方法跳转到任意网页,实现效果如下图. 此方法对小程序账号类型无限制,也不需 ...
原生微信小程序跳转传参 : [非TabBar跳转传参] 和 [TabBar跳转传参]
一般常用的微信小程序跳转分为两种 1.非TabBar跳转 2.TabBar跳转 1.非TabBar跳转非TabBar页面的跳转通常使用wx.navigateTo来跳转页面,在链接后面加 ? 传参,如 ...
关于微信小程序跳转到H5，然后从H5又跳回微信小程序问题的资料
关于微信小程序跳转到H5,然后从H5又跳回微信小程序问题的资料直接上答案 // javascript import wx from 'weixin-jsapi';// 判断h5页面是否是运行在小程序 ...

微信小程序跳转方式总结