小程序丨頁面跳轉的四種方法
阿新 • • 發佈:2018-10-09
ace on() 程序 nta comment 點擊 toolbar n) itl
- wx.navigateTo({}) ,保留當前頁面,跳轉到應用內的某個頁面,使用 wx.navigateBack 可以返回;
示例:
1 wx.navigateTo({ 2 url:‘../test/test?id=1&page=4‘, //跳轉頁面的路徑,可帶參數 ?隔開,不同參數用 & 分隔;相對路徑,不需要.wxml後綴 3 success:function(){} //成功後的回調; 4 fail:function(){} //失敗後的回調; 5 complete:function(){} //結束後的回調(成功,失敗都會執行) 6 }) 7 8 傳遞的參數在接收頁面onLoad()函數中得到值:option.id就可以得到了 9 onLoad: function (option) {
console.log(option)//可以打印一下option看查看參數 10 this.setData({ 11 id:option.id, 12 });
2. wx.redirectTo() , 關閉當前頁面,跳轉到非tabBar的某個頁面,
3. 使用組件 <navigator> 示例: <navigator url=‘../test/test‘>點擊跳轉</navigator>
4. wx.switchTab ,跳轉到tabBar的某個頁面,
1 2 3 |
wx.switchTab({
url: ‘../taste/index‘ , //註意switchTab只能跳轉到帶有tab的頁面,不能跳轉到不帶tab的頁面
})
|
小程序丨頁面跳轉的四種方法