微信小程式 —— 路由跳轉傳遞引數
阿新 • • 發佈:2018-11-08
navigateTo
,redirectTo
只能開啟非 tabBar 頁面。switchTab
只能開啟 tabBar 頁面。reLaunch
可以開啟任意頁面。- 頁面底部的 tabBar 由頁面決定,即只要是定義為 tabBar 的頁面,底部都有 tabBar。
- 呼叫頁面路由帶的引數可以在目標頁面的
onLoad
中獲取
案例:
方法一:
//A頁面 實現跳轉 jump: function () { let a = 1; let b = 2; wx.navigateTo({ url: '/page/b/b?data1=' + a + '&data2=' + b }) }
//B頁面 接收引數
onLoad: function (options) {
//此時A頁面傳遞的引數由options接收,A頁面傳遞引數時的引數名分別叫data1和data2,所以B頁面想拿到A頁面傳遞的引數拿對應的引數名即可
let data1 = options.data1;
let data2 = options.data2;
console.log(data1);//輸出的結果是 1
console.log(data2);//輸出的結果是 2
}
方法二:
//A頁面 jump: function () { let a = 1; let b = 2; wx.navigateTo({ url: '/page/b/b?data=' + [a, b] }) }
//B頁面 onLoad: function (options) { //此時A頁面傳遞的引數由options接收,A頁面傳遞引數時的引數名叫data,所以B頁面想拿到A頁面傳遞的引數使用物件方式取 let data = options.data; console.log(data);//得到的是一個字串 1,2 let dataArr = options.data.split(',');//字串轉組 console.log(dataArr);//[1,2] console.log(dataArr[0]);//1 console.log(dataArr[1]);//2 }