小程序页面跳转的方法

小天天天天    前端    999+ 次    2022-12-09 13:39:03


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

需求:从 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,必须使用。

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



如果你觉得本篇文章对您有帮助,请打赏作者

上一篇: PHP全栈开发工程师学习路线图

下一篇: Linux服务器添加crontab任务计划详解

最新评论

暂无评论

热门文章

最新评论

网站数据

网站文章数:483

今日UV/PV/IP:15/15/15

昨日UV/PV/IP:19/22 /19

TOP