微信小程序> 微信小程序开发页面跳转教程

微信小程序开发页面跳转教程

浏览量:3656 时间: 来源:Joychen404

小程序

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

})}}

微信小程序页面跳转教程由微信小程序开发教程提供,更多视频教程关注小程序培训学院小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎