小程序模板網(wǎng)

小程序綁定事件跳轉的三種方法

發(fā)布時間:2018-12-19 09:14 所屬欄目:小程序開發(fā)教程

1:wx.navigateTo ;保留當前頁面(有返回按鈕)

效果:


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;
}
 

2:wx.redirectTo;關閉當前頁面(無返回按鈕)

wxml和樣式同上  js:

 

  1. Page({
    data: {
    },
    
    //事件處理函數(shù)
    bindViewTap: function() {
    
    //2:關閉當前頁面(無返回按鈕)
    wx.redirectTo({
    url: '../site/site'
    })
    },
    
    onLoad: function() {},
    
    })
    

3:wx.switchTab;跳轉到tabBar頁面(底部導航)

遇到第一種wx.navigateTo 不跳轉問題的時候(大多數(shù)是因為想要跳的界面是對應底部的導航,所以沒有反應;這個時候,就需要用到這種方法了)  js:

 

  1. Page({
    data: {},
    //事件處理函數(shù)
    bindViewTap: function() {
    
    //3:跳轉到tabBar頁面(底部導航)
    //這種方法通常 是遇到wx.navigateTo 不跳轉問題的時候(大多數(shù)是跳的底部的導航,所以沒有反應)
    wx.switchTab({
    url: '../me/me'
    })
    },
    
    onLoad: function() {},
    
    })


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/25027.html 復制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢