您的位置:首页 > 移动开发 > 微信开发

小程序页面跳转

2017-12-10 12:30 197 查看

小程序页面跳转的方法

当不需要传参数的时候,可以直接使用navigator

open-type有三个参数

navigateTo相当于wx.navigateTo,打开新页面

redirectTo相当于wx.redirectTo,页面的重定向

navigateBack相当于wx.navigateBack,页面的返回

switchTab相当于wx.switchTab,底部tab的切换

navigateTo, redirectTo 只能打开非 tabBar 页面。switchTab 只能打开 tabBar 页面。reLaunch 可以打开任意页面。

<navigator url="../index/index">不关闭当前页面</navigator>
<navigator url="../logs/logs" redirect="true" >关闭当前页面</navigator>


当需要传参数的时候,就要使用方法进行传参数

通过点击事件bindtap=tiaozhuan(传参数据)

tiaozhuan:function(接收参数){
// 只能打开tabBar页面
wx.switchTab({
url: '../deta/deta',
})
// 打开正常页面
wx.navigateTo({
url: '../deta/deta',
})
// 重定向到某个页面
wx.redirectTo({
url: '../deta/deta',
})
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  页面间的跳转