今天把實現(xiàn)微信頁面的跳轉(zhuǎn)的幾種方法總結(jié)分享下
1.使用導(dǎo)航組件，<navigator>標簽醉途，頁面鏈接來實現(xiàn)（可以發(fā)現(xiàn)點擊時有背景）
<!-- sample.wxml -->
<view class="btn-area">
<navigator url="../my/my">跳轉(zhuǎn)到新頁面</navigator>
</view>
參數(shù)如下
這里寫圖片描述
2.給頁面布局加監(jiān)聽bindtap事件，然后在方法里面，通過wx.navigatorTo來實現(xiàn)跳轉(zhuǎn)（保留當前頁面具垫，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面，使用wx.navigateBack可以返回到原頁面）
在my.wxml中加監(jiān)聽bindtap事件
<view bindtap='jump'>跳轉(zhuǎn)</view>
在my.js中實現(xiàn)跳轉(zhuǎn)
jump:function(){
wx.navigateTo({
url: '../login/login',
success: function(res) {
},
fail: function(res) {
},
complete: function(res) {
},
})
}
參數(shù)如下
這里寫圖片描述
3.通過wx.redirectTo實現(xiàn)跳轉(zhuǎn)（關(guān)閉當前頁面试幽，跳轉(zhuǎn)到應(yīng)用內(nèi)某個頁面）
navigateto_index: function (event) {
wx.redirectTo({
url: '../index/index',
success: function (res) {
// success
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
}
參數(shù)如下
這里寫圖片描述
4.通過wx.navigateBack返回上一級（關(guān)閉當前頁面筝蚕。返回上一頁面或多級頁面）。
wx.navigateBack({
delta: 1, // 回退前 delta(默認為1) 頁面
success: function (res) {
// success
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
這里寫圖片描述
