小程序：页面跳转的四种基础方法

参考博文（原博客更全面）: https://www.cnblogs.com/hrone/p/8067036.html.

wx.navigateTo({}) 保留当前页面，跳转到应用内的某个页面，使用 wx.navigateBack 可以返回;

wx.navigateTo({url:'../test/test?id=1&page=4',  //跳转页面的路径，可带参数 ？隔开， 　　　　　　　　　　　　　　　　　　　　　　　　　不同参数用 & 分隔；相对路径，不需要.wxml后缀success:function(){},        　　　//成功后的回调；fail：function(){},          　　　//失败后的回调；complete：function(){}     　　　 //结束后的回调(成功，失败都会执行)
})// 传递的参数在接收页面onLoad()函数中得到值：option.id就可以得到了
onLoad: function (option) {　　　　console.log(option) //可以打印一下option看查看参数this.setData({id:option.id,
});

wx.redirectTo() , 关闭当前页面，跳转到 非tabBar 的某个页面
使用组件 navigator

<navigator url='../test/test'>点击跳转</navigator>

wx.switchTab ，跳转到 tabBar 的某个页面

wx.switchTab({url: '../taste/index',   // 注意switchTab只能跳转到带有tab的页面，不能跳转到不带tab的页面
})

小程序：页面跳转的四种基础方法相关推荐

新版微信不停跳转到小程序_微信小程序页面跳转的几种方式
最近在做微信小程序,碰到页面跳转的问题,总结一下页面之间跳转的方式一.wx.navigateTo(OBJECT) 这是最普遍的一种跳转方式,其官方解释为:"保留当前页面,跳转到应用内的某个 ...
微信小程序页面跳转的6种方式和区别
1.wx.navigateTo(OBJECT) 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数.参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔: ...
微信小程序点击带id参数跳转_微信小程序页面跳转方法和携带参数详解
1.页面跳转方式 (1)标签跳转 open-type的属性值对应api里的用法即wx.的用法 1 跳转到新页面 (2)wx.navigateTo 方法跳转此方法能够从跳转的页面会回到当前页面 1 w ...
微信小程序页面间通信的5种方式
微信小程序页面间通的5种方式 PageModel(页面模型)对小程序而言是很重要的一个概念,从app.json中也可以看到,小程序就是由一个个页面组成的. 如上图,这是一个常见结构的小程序:首页是一个 ...
详解微信小程序页面间传递信息的三种方式
详解微信小程序页面间传递信息的三种方式在开发微信小程序的时候,经常会遇到在页面间传递信息的情况,有三种方法可以实现. 1. 使用数据缓存将要存储的数据使用以下方法放入缓存 wx.setStorag ...
php 微信公众号跳转小程序,微信小程序页面跳转功能
本文主要介绍微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法,结合具体实例形式总结分析了微信小程序页面跳转及列表item项跳转页面的相关操作技巧,需要的朋友可以参考下. 一.效果图从 ...
php页面跳转的方法,PHP实现页面跳转的四种方法
PHP实现页面跳转的四种方法发布时间:2020-05-20 11:36:01 来源:亿速云阅读:172 作者:Leah 今天小编就为大家分享PHP实现页面跳转的四种方法.小编觉得挺实用的,为此分享 ...
微信小程序实现跳转的几种方式总结（推荐）
今天把实现微信页面的跳转的几种方法总结分享下 1.使用导航组件,标签,页面链接来实现(可以发现点击时有背景) <view class=&quo ...
微信小程序页面跳转限制问题
微信小程序页面跳转,如果使用wx.navigateTo或者navigator标签进行跳转,最多只能跳转10次 (超过10次,在怎么点也不会跳转),这很不利于用户的体验.那么就来解决这个问题(小声比比) ...

小程序：页面跳转的四种基础方法

小程序：页面跳转的四种基础方法相关推荐

最新文章

热门文章