新版微信不停跳转到小程序_微信小程序页面跳转的几种方式

最近在做微信小程序，碰到页面跳转的问题，总结一下页面之间跳转的方式

一、wx.navigateTo(OBJECT)

这是最普遍的一种跳转方式，其官方解释为：“保留当前页面，跳转到应用内的某个页面”

类似于html中的 window.location.href=" "

eg：

wx.navigateTo({

url: 'test?id=1'

})

实际效果如下：

小程序中左上角有一个返回箭头，可返回上一个页面

也可以通过方法 wx.navigateBack 返回原页面

二、wx.redirectTo(OBJECT)

关闭当前页面，跳转到应用内的某个页面。

类似于html中的 window.open('你所要跳转的页面');

eg：

wx.redirectTo({

url: 'test?id=1'

})

效果如下：

左上角没有返回箭头，不能返回上一个页面

三、wx.switchTab(OBJECT)

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

eg：

{

"tabBar": {

"list": [{

"pagePath": "index",

"text": "首页"

},{

"pagePath": "other",

"text": "其他"

}]

}

wx.switchTab({

url: '/index'

})

wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用 wx.switchTab 跳转到 tabbar 页面

四、wx.reLaunch(OBJECT)

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

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

在wx.navigateTo中，每跳转一个新的页面，其原始页面就会被加入堆栈，通过调用wx.navigateBack(OBJECT)可通过获取堆栈中保存的页面返回上一级或多级页面；

wx.redirectTo,方法则不会被加入堆栈,但仍可通过wx.navigateBack(OBJECT)方法返回之前堆栈中的页面

wx.reLaunch 方法则会清空当前的堆栈。

eg：

// 此处是A页面

wx.navigateTo({

url: 'B?id=1'

})

// 此处是B页面

wx.navigateTo({

url: 'C?id=1'

})

// 在C页面内 navigateBack，将返回b页面

wx.navigateBack({

delta: 1

})

// 此处是B页面

wx.redirectTo({

url: 'C?id=1'

})

// 在C页面内 navigateBack，则会返回a页面

wx.navigateBack({

delta: 1

})

// 此处是B页面

wx.reLaunch({

url: 'C?id=1'

})

// 在C页面内 navigateBack，则无效

参考链接https://developers.weixin.qq.com/miniprogram/dev/api/ui-navigate.html

新版微信不停跳转到小程序_微信小程序页面跳转的几种方式相关推荐

详解微信小程序页面间传递信息的三种方式
详解微信小程序页面间传递信息的三种方式在开发微信小程序的时候,经常会遇到在页面间传递信息的情况,有三种方法可以实现. 1. 使用数据缓存将要存储的数据使用以下方法放入缓存 wx.setStorag ...
微信小程序页面间通信的5种方式
微信小程序页面间通的5种方式 PageModel(页面模型)对小程序而言是很重要的一个概念,从app.json中也可以看到,小程序就是由一个个页面组成的. 如上图,这是一个常见结构的小程序:首页是一个 ...
微信登录画面_微信登录界面的地球变了_微信登录界面首变真相
细心的小伙伴发现在启动微信的时候,那个经典的一个小人剪影面对着地球的画面开始发生了一些变化,似乎云层变得更为清晰细致了.微信登录界面6年来首变化,那么为何改变来的如此突然呢,下面小编就分享给大家! 手 ...
微信公众号怎么推送消息_微信公众号发送消息
A.模板消息发送模板消息仅用于公众号向用户发送重要的服务通知,只能用于符合其要求的服务场景中,如信用卡刷卡通知,商品购买成功通知等.不支持广告等营销类消息以及其它所有可能对用户造成骚扰的消息. 备注 ...
微信小程序 navigator 用来实现页面跳转功能
也许你迷茫,但是我想说,在你迷茫的同时,保持本心,过好今天就好. 在微信小程序开发中,navigator 用来实现页面路由功能,比如 A页面中点击页面打开B页面 1 navigator 默认方式打开 ...
微信小程序多次跳转后不能点_微信小程序运营需要先知道它的规则
不管是做SEO(搜索引擎优化排名)还是做SEM投放广告,都需要知道它的规则,因为只有知道了他的规则之后才能合理的优化,才能在运营的过程中不踩雷区,合理运用平台的规则来实现自己的目的.那么微信小程序也一 ...
微信小程序（九）：页面跳转
功能点:页面跳转本文基于微信小程序公测版,IDE:微信开发者工具 0.11.122100 这里记录一下小程序中页面跳转的方式. 从跳转的方式(或说成打开新页面的方式)来说大致可分为:请求转发,请求重 ...
Python+微信小程序开发（四）页面跳转和获取用户信息
上一篇已经介绍了如何搭建一个自己的静态页面,接下来则涉及到一些用户信息获取与跳转的操作. 一.页面跳转首先新建一个跳转页面,按上篇的操作生成pages/redirect/redirect. 1.对标 ...
微信小程序：实现选择视频 + 页面跳转 + 数据传送功能
一.实现的功能还是这个熟悉的页面: 这次实现: 点击"选择视频"按钮,可以从本地相册中选取相册或者图片,并传回给该页面再选择完视频之后,会出现一个新的页面,并且这个页面会出现刚 ...

新版微信不停跳转到小程序_微信小程序页面跳转的几种方式

新版微信不停跳转到小程序_微信小程序页面跳转的几种方式相关推荐

最新文章

热门文章

新版微信不停跳转到小程序_微信小程序页面跳转 的几种方式

新版微信不停跳转到小程序_微信小程序页面跳转 的几种方式相关推荐

最新文章

热门文章

新版微信不停跳转到小程序_微信小程序页面跳转的几种方式

新版微信不停跳转到小程序_微信小程序页面跳转的几种方式相关推荐