小程序页面跳转的方法

 
更多

小程序页面之间的跳转方式有很多种,我们下面就来分析一下每种跳转方式的不同已经优缺点。

需求:从 index.wxml 页面,跳转到 aaa.wxml 页面

方法一:WXML页面实现

<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator>
<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</navigator>
<navigator url = "/pages/aaa/aaa" open-type = "switchTab">跳转到新页面</navigator>

方法二:js页面实现

保留当前页面,跳转到应用内的某个页面

wx.navigateTo({
    url:"/pages/aaa/aaa"
})

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

wx.redirectTo({
    url:"/pages/aaa/aaa"
})

跳转至指定页面并关闭其他打开的所有页面(这个最好用在返回至首页的的时候)

wx.reLaunch({ 
    url:'/pages/index/index'
})

返回上一页面或多级页面

wx.navigateBack({     //返回上一页面或多级页面
    delta:1
})

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

wx.switchTab({
    url:'pages/home/index/index'
})

切换到首页tabbar,必须使用。

以上便是小程序页面跳转的方法,请大家参考

打赏

本文固定链接: https://www.cxy163.net/archives/2832 | 绝缘体

该日志由 绝缘体.. 于 2018年03月05日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 小程序页面跳转的方法 | 绝缘体
关键字: , , , ,

小程序页面跳转的方法:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter