您现在的位置是:首页 > 微信小程序

李清波 2019-07-28 微信小程序 146

小程序页面跳转的方法

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


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


方法一:WXML页面实现

1.<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator>
2.<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</navigator>
3.<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对应的文件,必须使用

评论