页面跳转是我们在开发小程序过程中，经常会遇到的问题，涉及到页面跳转的方法有很多，很多开发者经常会把他们搞混了，以至于在最后测试的环节出现bug，那么微信小程序实现页面跳转的方法有哪些呢，今天厦门在乎科技为大家带来微信小程序跳转页面的方法，一起来了解一下吧。
微信小程序跳转页面的方法：
方法一：WXML页面实现
1.<navigatorurl="/pages/aaa/aaa">跳转到新页面</navigator>
2.<navigatorurl="/pages/aaa/aaa"open-type="redirect">跳转到新页面</navigator>
3.<navigatorurl="/pages/aaa/aaa"open-type="switchTab">跳转到新页面</navigator>
方法二：js页面实现
bindViewTab:function(){
wx.navigateTo({//保留当前页面，跳转到应用内的某个页面（最多打开5个页面，之后按钮就没有响应的）
url:"/pages/aaa/aaa"
})
wx.redirectTo({//关闭当前页面，跳转到应用内的某个页面（这个跳转有个坑，就是跳转页面后页面会闪烁一下，完全影响了我自己的操作体验，太缺德了。）
url:"/pages/aaa/aaa"
})
wx.reLaunch({//跳转至指定页面并关闭其他打开的所有页面（这个最好用在返回至首页的的时候）
url:'/pages/index/index'
})
wx.switchTab({//跳转到tabBar页面，并关闭其他所有tabBar页面
url:"/pages/aaa/aaa"
})
wx.navigateBack({//返回上一页面或多级页面
delta:1
})
}
方法三：wx.navigateTo(OBJECT)
这是最普遍的一种跳转方式，其官方解释为：“保留当前页面，跳转到应用内的某个页面”
类似于html中的window.location.href=""
eg：
wx.navigateTo({
url:'test?id=1'
})
小程序中左上角有一个返回箭头，可返回上一个页面
也可以通过方法wx.navigateBack返回原页面
方法四：wx.redirectTo(OBJECT)
关闭当前页面，跳转到应用内的某个页面。
类似于html中的window.open('你所要跳转的页面');
eg：
wx.redirectTo({
url:'test?id=1'
})
方法五：wx.switchTab(OBJECT)
跳转到tabBar页面，并关闭其他所有非tabBar页面
eg：
{
"tabBar":{
"list":[{
"pagePath":"index",
"text":"首页"
},{
"pagePath":"other",
"text":"其他"
}]
}
}
wx.switchTab({
url:'/index'
})
wx.navigateTo和wx.redirectTo不允许跳转到tabbar页面，只能用wx.switchTab跳转到tabbar页面
以上就是今天为大家带来的关于“微信小程序跳转页面的方法微信小程序实现页面跳转”全部内容，微信小程序点击按钮后，经常会跳转，因此对于页面跳转的过程，是我们开发者经常会遇到的问题，想要了解更多关于微信小程序开发的内容，欢迎关注厦门在乎科技-专注小程序、app、网站开发
