微信小程序----页面跳转
程序员文章站
2024-02-11 17:46:22
...
页面跳转在微信开发文档中的位置链接:
页面跳转
声明:首先这里有三个页面index页面(A)和log 页面(B) 还有detail页面©,方便代码演示
1.跳转到新页面
wx.navigateTo(Object object)
保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。
参数列表如下:
index .wxml
页面A
<button bindtap='gotob'>跳转到B页面</button>
index.js
gotob:function(){
wx.navigateTo({
/*不带参数*/
url:'/pages/logs/logs',
/*带参数*/
url:'/pages/logs/logs?id=1',
})
},
2.返回指定页面
wx.navigateBack(OBJECT):关闭当前页面返回上一级或多级页面
log.wxml
页面B
<button bindtap='gotoC'>跳转到C页面</button>
log.js
gotoC: function () {
wx.navigateTo({
url: '/pages/detail/detail',
})
},
detail.wxml
页面C
<button bindtap='back'>返回之前的页面</button>
detail.js
back:function(){
wx.navigateBack({
delta:1,//不写delta或者给值为1 跳回B页面
delta:2,//跳回A,大于2的值也跳回A
})
},
3.当前页面重定向
wx.redirectTo(OBJECT) :
关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
参数与代码写法同跳转新页面wx.navigateTo(Object object)
参数如下:
4.重启页面:
wx.reLaunch(Object object):
关闭所有页面,打开到应用内的某个页面
参数与代码写法同跳转新页面wx.navigateTo(Object object)