小程式: 頁面跳轉方式
阿新 • • 發佈:2018-11-05
一. 頁面的跳轉方式
1. 使用元件 <navigator> -- 類似於 a標籤
示例: <navigator url='../index/index'> 跳轉到首頁 </navigator>
2. wx.switchTab ,跳轉到 tabBar 的某個頁面
示例: wx.switchTab({
url: '../index/index' // 注意switchTab只能跳轉到帶有tab的頁面, 不能跳轉到不帶tab的頁面
})
3. wx.redirectTo({ } ) , 關閉當前頁面, 跳轉到非tabBar的某個頁面
4. wx.navigateTo({ }),保留當前頁面, 跳轉到應用內的某個頁面, 使用 wx.navigateBack 可以返回
wx.navigateTo({ url:'../test/test?id=1&page=4', //跳轉頁面的路徑,可帶引數 ?隔開,不同引數用 & 分隔;相對路徑,不需要.wxml字尾View Codesuccess:function(){} //成功後的回撥; fail:function(){} //失敗後的回撥; complete:function(){} //結束後的回撥(成功,失敗都會執行) }) 傳遞的引數在接收頁面onLoad()函式中得到值:option.id就可以得到了 onLoad: function (option) { console.log(option)//可以列印一下option看檢視引數 this.setData({ id:option.id, });
5. wx.navigateBack({ }),關閉當前頁面,返回上一頁面或多級頁面
// A —— B wx.navigateTo({ url: 'B?id=1' }) // B —— C wx.navigateTo({ url: 'C?id=1' }) // C ——A wx.navigateBack({ delta: 2 })View Code
6. wx.reLaunch({ }), 關閉所有頁面,開啟到應用內的某個頁面