小程序页面跳转的方法

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

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

方法一:WXML页面实现

1.跳转到新页面
2.跳转到新页面
3.跳转到新页面

 

方法二: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对应的文件,必须使用

给TA打赏
共{{data.count}}人
人已打赏
微信开发者

微信小程序发布新版本时自动提示用户更新

2024-12-31 21:53:13

微信开发者

微信小程序引入背景图的三种方法

2024-12-31 21:53:23

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索