1:wx.navigateTo ;保留当前页面(有返回按钮)
效果:
demo示例:
wxml:
<view bindtap="bindViewTap" class="up"> 我要绑定事件来跳转了 </view>
js:
Page({ data: { }, //事件处理函数 bindViewTap: function() { wx.navigateTo({ url: '../site/site' }) }, onLoad: function() { }, })
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:
Page({ data: { }, //事件处理函数 bindViewTap: function() { //2:关闭当前页面(无返回按钮) wx.redirectTo({ url: '../site/site' }) }, onLoad: function() {}, })
3:wx.switchTab;跳转到tabBar页面(底部导航)
遇到第一种wx.navigateTo 不跳转问题的时候(大多数是因为想要跳的界面是对应底部的导航,所以没有反应;这个时候,就需要用到这种方法了)
js:
Page({ data: {}, //事件处理函数 bindViewTap: function() { //3:跳转到tabBar页面(底部导航) //这种方法通常 是遇到wx.navigateTo 不跳转问题的时候(大多数是跳的底部的导航,所以没有反应) wx.switchTab({ url: '../me/me' }) }, onLoad: function() {}, })