效果:
demo示例:
wxml:
<view bindtap="bindViewTap" class="up"> 我要綁定事件來跳轉了 </view> |
js:
Page({ data: { }, //事件處理函數(shù) bindViewTap: function() { wx.navigateTo({ url: '../site/site' }) }, onLoad: function() { }, }) |
wxss:
.up { height: 80rpx; line-height: 80rpx; background:#44b0fc; color: #fff; text-align: center; } |
wxml和樣式同上 js:
Page({ data: { }, //事件處理函數(shù) bindViewTap: function() { //2:關閉當前頁面(無返回按鈕) wx.redirectTo({ url: '../site/site' }) }, onLoad: function() {}, }) |
遇到第一種wx.navigateTo 不跳轉問題的時候(大多數(shù)是因為想要跳的界面是對應底部的導航,所以沒有反應;這個時候,就需要用到這種方法了) js:
Page({ data: {}, //事件處理函數(shù) bindViewTap: function() { //3:跳轉到tabBar頁面(底部導航) //這種方法通常 是遇到wx.navigateTo 不跳轉問題的時候(大多數(shù)是跳的底部的導航,所以沒有反應) wx.switchTab({ url: '../me/me' }) }, onLoad: function() {}, }) |