小程序绑定事件跳转的三种方法教学

1:wx.navigateTo ;保留当前页面（有返回按钮)

效果：

demo示例：

wxml:

2. 我要绑定事件来跳转了
3.  

js:

1. Page({
2. data: {
3.  
4. },
5.  
6. //事件处理函数
7. bindViewTap: function() {
8. wx.navigateTo({
9. url: '../site/site'
10. })
11. },
12.  
13. onLoad: function() {
14. },
15.  
16. })

wxss:

1. .up {
2. height: 80rpx;
3. line-height: 80rpx;
4. background:#44b0fc;
5. color: #fff;
6. text-align: center;
7. }

2:wx.redirectTo；关闭当前页面(无返回按钮)

wxml和样式同上
js:

1. Page({
2. data: {
3. },
4.  
5. //事件处理函数
6. bindViewTap: function() {
7.  
8. //2:关闭当前页面(无返回按钮)
9. wx.redirectTo({
10. url: '../site/site'
11. })
12. },
13.  
14. onLoad: function() {},
15.  
16. })

3：wx.switchTab；跳转到tabBar页面（底部导航）

遇到第一种wx.navigateTo 不跳转问题的时候（大多数是因为想要跳的界面是对应底部的导航，所以没有反应；这个时候，就需要用到这种方法了）
js:

1. Page({
2. data: {},
3. //事件处理函数
4. bindViewTap: function() {
5.  
6. //3:跳转到tabBar页面（底部导航）
7. //这种方法通常 是遇到wx.navigateTo 不跳转问题的时候（大多数是跳的底部的导航，所以没有反应）
8. wx.switchTab({
9. url: '../me/me'
10. })
11. },
12.  
13. onLoad: function() {},
14.  
15. })