微信小程序页面跳转三种方式

为了不让用户在使用小程序时造成困扰，微信小程序规定页面路径只能是五层，请尽量避免多层级的交互方式。 页面跳转的话就涉及到了多个页面层级

第一种：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 1 返回的页面数，如果 delta 大于现有页面数，则返回到首页。

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