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

方式一(声明式导航):

利用<navigator></navigator>

url:要跳转页面的地址

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

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

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

index页面

home页面

方式二(编程式导航):

通过触摸事件bind:tap实现

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

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

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

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

相关推荐
00后程序员张13 小时前
完整教程:如何将iOS应用程序提交到App Store审核和上架
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张13 小时前
iOS应用性能优化全解析:卡顿、耗电、启动与瘦身
android·ios·性能优化·小程序·uni-app·iphone·webview
大力水手~17 小时前
小程序模仿iphone苹果手机滑动选时间
智能手机·小程序
杰建云16717 小时前
小程序如何做裂变?
小程序·小程序制作
Evavava啊17 小时前
iOS微信小程序WebView中按钮背景渐变显示问题解决方案
ios·微信小程序·h5·渲染
阳光雨滴17 小时前
微信小程序使用canvas自定义富文本内容做图片分享
微信小程序·小程序
杰建云16718 小时前
小程序如何做活动?
小程序·小程序制作
这是个栗子18 小时前
【微信小程序问题解决】微信小程序全局 navigationBarTitleText 不起作用
微信小程序·小程序·导航栏
lpfasd12318 小时前
从“惯性思维”到“规则驱动”:一次微信小程序修复引发的 AI 编程范式思考
人工智能·微信小程序·小程序
万岳科技程序员小金18 小时前
从0到1搭建AI真人数字人小程序:源码方案与落地流程详解
人工智能·小程序·ai数字人小程序·ai数字人系统源码·ai数字人软件开发·ai真人数字人平台搭建