wx.navigateTo()与wx.switchTab、wx.redirectTo()的区别_wx与wx性状-程序员宅基地

技术标签: 微信小程序  小程序  

wx.switchTab(Object object)

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

wx.switchTab({
    
	url: '../sew/sew',
	success: function (res) {
    
		var page = getCurrentPages().pop();
		if (page == undefined || page == null) return;
		page.onShow();
		console.log('跳转成功')// success
	},
	fail: function (res) {
    
		console.log('跳转失败')  // fail
	},
	complete: function (res) {
    
		console.log('跳转页面完成') // complete
	}
})

wx.navigateTo()

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

wx.navigateTo({
    
  url: 'test?id=1',
  events: {
    
    // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
    acceptDataFromOpenedPage: function(data) {
    
      console.log(data)
    },
    someEvent: function(data) {
    
      console.log(data)
    }
    ...
  },
  success: function(res) {
    
    // 通过 eventChannel 向被打开页面传送数据
    res.eventChannel.emit('acceptDataFromOpenerPage', {
     data: 'test' })
  }
})
//test.js
Page({
    
  onLoad: function(option){
    
    console.log(option.query)
    const eventChannel = this.getOpenerEventChannel()
    eventChannel.emit('acceptDataFromOpenedPage', {
    data: 'test'});
    eventChannel.emit('someEvent', {
    data: 'test'});
    // 监听 acceptDataFromOpenerPage 事件,获取上一页面通过 eventChannel 传送到当前页面的数据
    eventChannel.on('acceptDataFromOpenerPage', function(data) {
    
      console.log(data)
    })
  }
})

wx.redirectTo(Object object)

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

wx.redirectTo({
    
  url: 'test?id=1'
})

wx.switchTab、wx.redirectTo()的区别

相同:

url: 需要跳转的应用内非 tabBar 的页面的路径 (代码包路径), 路径后可以带参数。参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 & 分隔;如 ‘path?key=value&key2=value2’

不同:
navigateTo: (navigate导航)从父页面导航到下一个子页面,然后还可以再回退到父目录,一般默认是最多深入5个页面可以被记录进行回退。
redirectTo:(redirect重定向)在当前页面直接重定向到另一个页面,所以也不存在回退到原页面的情况。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41988669/article/details/126968459

智能推荐

TopoDS_Shape和 TopoDS_TShape-程序员宅基地

文章浏览阅读1.6k次。TopoDS_Shape及其子类包含orientation和location信息× TopoDS_TShape及其子类在local coordinate system描述shape,没有orientation信息。两者的联系:TopoDS_Shape引用了一份TopoDS_TShape,并为TopoDS_TShape增加了orientation和location信息。结合共享数据结构部分就可以看出:TopoDS_TShape包含了真正的几何数据,TopoDS_Shape实现了数据共享机制,并没有复_topods_shape

C++学习笔记——STL标准库(六):STL迭代器-程序员宅基地

文章浏览阅读99次。C++学习笔记——STL标准库(五)明天预告:STL配置器——alloc

黑马程序员--黑马十期:从来黑马到现在 1块钱找到工作_黑马程序员第十期-程序员宅基地

文章浏览阅读910次。文章来源:黑马先介绍下我自己:黑马十期的,住在上地菊园,现在工作在上地七街;月薪7K 5险一金(只面试了一家)先感谢下倩姐,粉姐,小洋,超哥,老方,还有各位老师,感谢老师的悉心教导,不仅教授了知识,更重要的教会我学习方法,嘿嘿。。心情不错吧? 当然啦····~~!!!! 感谢这一路上有你们··大胡子,丙哥,江妹,大明明,小明明,啸啸,欧阳,尧尧,翔儿,旺旺,卯儿,康康,梅_黑马程序员第十期

漫谈运维:半神半仙亦民工-程序员宅基地

文章浏览阅读5.7k次,点赞15次,收藏58次。前言:看到chinaunix最近出的门户网站运维板块veyron大侠写的文章《门户网站运维abc》深有感触,特写以下文章: 《谈网站或其他服务器运维》,这里只谈运维工程师所要做的细节工作,让人们知道运维工程师到底都在做些什么,至于上级所要做的,只是提一下,不做参考。 以下是个人观点,我说的只是我自己的想法,也是我发展的目标。你可以有异议,我们是来交流的。你对的我肯定会向你学习。因为..._本地机房没有服务器只是交换机

19、jsp的实质是什么?-程序员宅基地

文章浏览阅读5k次,点赞2次,收藏7次。学习目标:1、了解什么是JSP2、了解JSP的原理学习过程:一、JSP的概念这节课我们的目标是要搞清楚什么是JSP,他和HTML的静态页面有什么区别呢?jsp是运行在服务器端的,它的实质是一个java文件, html的静态信息,所有内容都是发送到客户端再运行的。JSP全称是Java 服务器页面 (Java Server Page ) 以扩展名 .jsp 保存,是由Sun..._jsp的实质是

python 图像插值 最近邻、双线性、双三次_线性插值影像python-程序员宅基地

文章浏览阅读1.3w次,点赞6次,收藏38次。最近邻:import cv2import numpy as npdef function(img): height,width,channels =img.shape emptyImage=np.zeros((2048,2048,channels),np.uint8) sh=2048/height sw=2048/width for i in ran_线性插值影像python

随便推点

UVC 驱动调用过程与驱动框架的简单分析-程序员宅基地

文章浏览阅读541次。内核:Linux-3.4.2驱动:drivers\media\video\uvc\uvc_driver.cUVC 驱动整体调用流程:/* 打开设备描述符 */1. open: uvc_v4l2_open/* 查询设备属性 */2. VIDIOC_QUERYCAP if (video->streaming->type == V4L2...

Java虚拟机系列(五)---垃圾收集(GC)-程序员宅基地

文章浏览阅读80次。Java语言最大的优势除了它的平台无关性之外,还有它的自动内存分配和垃圾收集技术,本节我先来总结一下垃圾收集相关的内容。本文将从解答以下三个问题的角度来展开:1、哪些内存需要回收?2、什么时候回收?3、如何回收?话不多说,直接开始。一、哪些内存需要回收?根据之前的介绍,Java内存其实可分为两种类型:一种是线程私有的,包括程序计数器、虚拟机栈和本地方法栈,这类内存在编..._java虚拟机立即进行“垃圾收集”gc()

Maven Snapshot 更新策略配置方法-程序员宅基地

文章浏览阅读2.4k次。在微服务的项目开发中,特别是更新比较频繁的项目,经常会遇到一些项目依赖的问题,依赖的一个项目经常更新,所以我下拉更新项目时候经常出现代码不一致,需要删了对应jar仓库,重新下拉最新的jar版本。ps,所以对于更新频繁的项目jar版本可以设置SNAPSHOT快照版本,等项目稳定才设置为RELEASE版本_maven snapshot

unity 挂接点绑定骨骼_简单教程 | 如何用Kinect&Unity实现特定动作识别-程序员宅基地

文章浏览阅读2.1k次,点赞2次,收藏9次。Kinect骨骼识别Kinect体感识别设备有一项最重要也是最基础的应用就是:识别特定动作。今天我们就在Windows系统利用KinectStudio、VisualGestureBuilder和Unity3d来实现特定动作的识别。首先我们了解一下Kinect骨骼识别的原理:Kinect骨骼图是由深度图得到的:KinectV2通过自己的红外发射器投射经调制的近红外光线,照射到物体之后发生反射,红外相..._unity识别不了绑骨

ImportError: sys.meta_path is None, Python is likely shutting down_send_remote_shutdown_command importerror: sys.meta-程序员宅基地

文章浏览阅读1.4w次。代码如下:from selenium import webdriverb = webdriver.Chrome()b.get('http://192.168.100.21:9199/scyx')b.maximize_window()运行报错:Exception ignored in: <bound method Service.__del__ of <selenium.webdr..._send_remote_shutdown_command importerror: sys.meta_path is none, python is l

关于h5移动端IOS某些情况下点击事件需要点击两次才能触发_ios滑动本页面后返回上个页面,所有的点击事件都需要点两次,安卓没有这种情况,这是-程序员宅基地

文章浏览阅读6.3k次,点赞4次,收藏6次。关于h5移动端IOS某些情况下点击事件需要点击两次才能触发最近在做h5页面发现ios端的点击事件在某些情况下可能需要点击两次才能触发情况是是这样的,引用了mintui轮播图,然后直接点击能触发事件,但是轮播之后第一次点击无效,需要第二次点击才能触发点击事件然后开始上网查,发现好像是因为拥有了display:none;这个条件之后就会触发,由于mintui的轮播图就是用这种方式隐藏显示,所以就..._ios滑动本页面后返回上个页面,所有的点击事件都需要点两次,安卓没有这种情况,这是

推荐文章

热门文章

相关标签