售前咨询:18660077704
在线咨询:0535-6676670
AM 9:00 - PM 18:00
19 2020-03

小程序如何跳转另外一个小程序

发布日期:2020-03-19 09:40:20
浏览数:

  在以往的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 })}}


感觉好就要分享哦:

TAG标签:暂未添加标签