您的位置:首页 > 新闻 > 热点要闻 > 【微信小程序】页面导航和导航传参

【微信小程序】页面导航和导航传参

2024/12/24 1:59:50 来源:https://blog.csdn.net/weixin_40874076/article/details/141175079  浏览:    关键词:【微信小程序】页面导航和导航传参

什么是页面导航

在这里插入图片描述

小程序中实现页面导航的两种方式

在这里插入图片描述

1.声明式导航

(1). 导航到 tabBar 页面

在这里插入图片描述
在这里插入图片描述

(2). 导航到非 tabBar 页面

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

(3).后退导航

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.编程式导航

(1).导航到 tabBar 页面

在这里插入图片描述
在这里插入图片描述
示例代码如下:
在这里插入图片描述

(2).导航到非 tabBar 页面

在这里插入图片描述
在这里插入图片描述
示例代码如下:
在这里插入图片描述

(3).后退导航

在这里插入图片描述
在这里插入图片描述
示例代码如下:
在这里插入图片描述

导航传参

1. 声明式导航传参

注意:open-type="switchTab"不能用此方法传参
在这里插入图片描述
在这里插入图片描述

2. 编程式导航传参

注意:调用wx.switchTab()不能用此方法传参
在这里插入图片描述
在这里插入图片描述

3. 在 onLoad 中接收导航参数

在这里插入图片描述
在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com