您好,欢迎访问一九零五行业门户网

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

在以往的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.lengthnavigateback:function(){ wx.navigateback({ delta: num})}}
推荐:《小程序开发教程》
以上就是小程序开发页面如何实现跳转?的详细内容。
其它类似信息

推荐信息