小程序页面跳转的三种方法及传参以及返回上一页方法

最新推荐文章于 2024-09-04 11:45:58 发布

Right atrium

最新推荐文章于 2024-09-04 11:45:58 发布

阅读量839

点赞数

分类专栏：微信小程序文章标签： wx.navigateBack wx.navigateTo wx.redirectTo 页面跳转小程序开发

本文链接：https://blog.csdn.net/Kino_Hs/article/details/114527011

版权

微信小程序专栏收录该内容

13 篇文章 0 订阅

订阅专栏

wx.navigateBack：返回上一页的方法

wx.navigateBack({
	delta: 1，  // 返回上一级页面。
	success: function() {
    	console.log('成功！')
	}
})

wx.navigateTo：保留当前页面，跳转到小程序内的某个页面。

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

wx.switchTab：跳转到tabBar页面，并关闭其他所有tabBar页面。

注：第一个和第二个方法是不可以跳转tabbar设置的页面的。

这三种跳转页面的方法传参也都是和正常的地址栏传参是一样的，都需要在地址后面以‘？’拼接。

wx.navigateTo({
    url: '../digitalkeyboard/digitalkeyboard?参数名=' + 需要传递的变量或值
})
wx.redirectTo({
    url: '../digitalkeyboard/digitalkeyboard?参数名=' + 需要传递的变量或值
})
wx.switchTab({
    url: '../digitalkeyboard/digitalkeyboard?参数名=' + 需要传递的变量或值
})