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

方式一(声明式导航):

利用<navigator></navigator>

url:要跳转页面的地址

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

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

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

index页面

home页面

方式二(编程式导航):

通过触摸事件bind:tap实现

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

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

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

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

相关推荐
哈罗哈皮20 分钟前
trea也很强,我撸一个给你看(附教程)
前端·人工智能·微信小程序
0xDevNull1 小时前
基于Java的小程序地理围栏实现原理
java·小程序
Kingexpand_com1 小时前
实用技巧:小程序积分体系的功能拆解与高效利用指南
小程序·仓库管理·库存管理·小程序定制开发
毕设源码-赖学姐1 小时前
【开题答辩全过程】以 居家养老服务微信小程序设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
RuoyiOffice2 小时前
SpringBoot+Vue3+Uniapp实现PC+APP双端考勤打卡设计:GPS围栏/内网双模打卡、节假日方案、定时预生成——附数据结构和核心源码讲解
java·spring·小程序·uni-app·vue·产品运营·ruoyi
杰建云1674 小时前
企业内部是否需要技术团队做小程序
小程序·小程序制作
2501_915921435 小时前
2026 iOS 上架新趋势 iOS 发布流程模块化
android·ios·小程序·https·uni-app·iphone·webview
码视野5 小时前
#Cursor加Specs编程,3小时上线一个有管理后台和移动端的检举举报全流程平台(完全开源)
spring boot·小程序·ai编程
Emma_Maria5 小时前
【小程序】插件开发总结
微信小程序
2501_933907216 小时前
如何选择宁波小程序公司,实现高效的小程序开发?
科技·微信小程序·小程序