wx.navigateTo()与wx.switchTab、wx.redirectTo()的区别-Toy模板网

这篇具有很好参考价值的文章主要介绍了wx.navigateTo()与wx.switchTab、wx.redirectTo()的区别。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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重定向）在当前页面直接重定向到另一个页面，所以也不存在回退到原页面的情况。文章来源地址https://www.toymoban.com/news/detail-483862.html

到了这里，关于wx.navigateTo()与wx.switchTab、wx.redirectTo()的区别的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！