189 8069 5689

小程序开发页面实现跳转的方法

这篇文章主要介绍了小程序开发页面实现跳转的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

我们提供的服务有:成都网站建设、成都做网站、微信公众号开发、网站优化、网站认证、武江ssl等。为上千多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的武江网站制作公司

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

感谢你能够认真阅读完这篇文章,希望小编分享小程序开发页面实现跳转的方法内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!


本文标题:小程序开发页面实现跳转的方法
链接地址:http://cdxtjz.com/article/gjcejd.html

其他资讯