小程序开发页面如何实现跳转？-小程序开发-PHP中文网

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

青灯夜游

发布： 2020-04-29 17:10:01

转载

3067人浏览过

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

关闭当前页面，跳转到应用内的某个页面。

小清论坛 v2.1

asp简单论坛小清论坛是一个以asp+access进行开发的简单论坛源码，要求很低，容易维护。 1、修改系统提示为跳转页面提示。 2、增加小黑屋、用户列表等页面，增加后台对管理员管理。 3、修复后台删人时，同时删除用户头像时出错的问题。 4、修复搜索词会出现乱码的情况。 5、增加后台可以对友情链接、版块进行排序的功能。 6、增加自动生成的二维码扫码功能（暂未有手机版对接）。 7、

208

查看详情

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
})}}

登录后复制

大家都在看：

小程序交易组件,你想知道的10个问题! 小程序首次审核与迭代审核有哪些不同? 单商户小程序:你的线上旺铺,24小时不打烊如何参考竞品小程序,提炼自己的功能需求? 这些小程序功能,花钱少,效果大!