小程序开发页面如何实现跳转?

作者 : OO资源中心 发布时间: 2020-05-10 文章热度:366 共1095个字,阅读需3分钟。 本文内容有更新 字体:

小程序开发页面如何实现跳转?插图

在以往的APP或网页产品中,用户使用时可以浏览多个页面,这些产品的服务器可以承载足够多的数据。而小程序的特点就是规模小,为了不让用户在使用小程序时造成困扰,微信小程序规定页面路径只能是五层,请尽量避免多层级的交互方式。

页面跳转的话就涉及到了多个页面层级

第一种:wx.navigateTo(OBJECT)

保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

OBJECT参数说明:

url String 需要跳转的应用内页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2’

success Function 接口调用成功的回调函数

fail Function 接口调用失败的回调函数

complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

onLoad:function(options) {
wx.navigateTo({
url:'../index/index' })}

第二种:wx.redirectTo(OBJECT)

关闭当前页面,跳转到应用内的某个页面。

OBJECT参数说明:

url String 需要跳转的应用内页面的路径

success Function 接口调用成功的回调函数

fail Function 接口调用失败的回调函数

complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

onLoad:function(options) {
 wx.redirectTo({
url:'../index/index' }) }

第三种:wx.navigateBack(OBJECT)

关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。

OBJECT参数说明:

delta Number 返回的页面数,如果 delta 大于现有页面数,则返回到首页。

onLoad:function(options) {
var pages =getCurrentPages()
var num =pages.length
navigateBack:function(){
 wx.navigateBack({
 delta: num
})}}

推荐:《》

相关推荐: 微信把资料地区改任意文字的方法

微信把资料地区改任意文字的方法 微信将地区改为任意字符的方法如下: 1、打开手机设置,在“应用管理”中找到微信,点击“强行停止”。 2、在弹出的对话框中点击“确定”。 3、用RE文件管理器打开路径:根目录/data/data/com.tencent.mm/Mi…

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
下载资源需要解压密码,解压密码是什么?
如下载的资源需要解压密码,请查看下载页右侧查找解压密码;
如没有解压密码请尝试默认解压密码:www.oo.ink 或者 oo.ink
或者联系我们获取解压密码!
1、本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2、分享目的仅供大家学习和交流,请不要用于商业用途!
3、本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
4、如有链接无法下载、失效或广告,请联系管理员处理!
5、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

OO.INK资源网 » 小程序开发页面如何实现跳转?
+已在风雨中度过
为兴趣而改变,为梦想而努力!
+已坚持更新
时时更新,确保最新~

开通SVIP,畅享全站资源下载~

立即了解