微信小程序的三种跳转页面方法

最新推荐文章于 2024-12-04 19:57:16 发布

原创最新推荐文章于 2024-12-04 19:57:16 发布 · 置顶 · 6.0k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #跳转页面方法

微信小程序专栏收录该内容

1 篇文章

订阅专栏

本文介绍了微信小程序中三种页面跳转的方法：navigateTo用于保留当前页面跳转；redirectTo关闭当前页面并跳转；navigateBack返回上一级或多级页面。文中详细解释了各方法的参数及其用途。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序的三种跳转页面方法-----第一次写博客

最近也是刚接触微信小程序总结一下微信小程序跳转的三种方法：

参数类型必填说明
url String 是需要跳转的应用内页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，
不同参数用&分隔；如 ‘path?key=value&key2=value2’
success Function 否接口调用成功的回调函数
fail Function 否接口调用失败的回调函数
complete Function 否接口调用结束的回调函数（调用成功、失败都会执行）

wx.navigateTo({
           url: '../index/index'
    })

第二种：wx.redirectTo(OBJECT)
关闭当前页面，跳转到应用内的某个页面。

OBJECT参数说明：

参数类型必填说明
url String 是需要跳转的应用内页面的路径
success Function 否接口调用成功的回调函数
fail Function 否接口调用失败的回调函数
complete Function 否接口调用结束的回调函数（调用成功、失败都会执行）

        wx.redirectTo({
           url: '../index/index'
    })

第三种：wx.navigateBack(OBJECT)
关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈，决定需要返回几层。
OBJECT参数说明：

参数类型默认值说明
delta Number 1 返回的页面数，如果 delta 大于现有页面数，则返回到首页。

	var pages = getCurrentPages()
    var num = pages.length
    navigateBack:function(){
        wx.navigateBack({
             delta: num
        })
    }