微信小程序中的两种页面跳转方式

方式一(声明式导航):

利用<navigator></navigator>

url:要跳转页面的地址

open-type:要打开的页面的类型

(不在底部导航中添加的为非导航页面,在的为导航页面)

非导航页面跳转过去后左上角会出现返回箭头,导航页面则没有

index页面

home页面

方式二(编程式导航):

通过触摸事件bind:tap实现

如果需要携带参数可在url地址后进行拼接

例如: goMyWithMess方法跳转到my页面并且携带 id 和 name 属性

注意:导航页的传参要用wx.reLaunch而不是wx.switchTab

my页面的onLoad函数中接受到传递来的参数

相关推荐
Kika写代码4 小时前
【微信小程序】回到顶部图标-页面滚动事件 | 漫画-综合实训
微信小程序·小程序·notepad++
觅_4 小时前
微信小程序中 隐藏scroll-view 滚动条 网页中隐藏滚动条
微信小程序·小程序
大梦百万秋6 小时前
如何使用MVC模式设计和实现校园自助点餐系统的微信小程序
微信小程序·小程序·mvc
废柴小z1 天前
THREE.js的VideoTexture以及CanvasTexture在部分浏览器以及小程序webview中纯黑不起作用的解决办法
开发语言·javascript·小程序
长风清留扬1 天前
小程序未来趋势预测:技术革新与市场前景
javascript·css·ios·微信小程序·小程序
@ 前端小白1 天前
Taro地图组件和小程序定位
前端·小程序·taro
院人冲冲冲1 天前
小程序相关
小程序
chusheng18401 天前
Java 基于微信小程序的高校科研团队管理系统设计与实现(附源码,部署,文档
java·微信小程序·毕业设计·高校科研团队管理系统·科研团队管理系统
烂不烂问厨房1 天前
uniapp 微信小程序内嵌h5实时通信
微信小程序·小程序·uni-app
Cc_Debugger1 天前
微信原生小程序自定义封装组件(以导航navbar为例)
微信·小程序