1. 程式人生 > >微信小程式 —— 路由跳轉傳遞引數

微信小程式 —— 路由跳轉傳遞引數

  • navigateToredirectTo 只能開啟非 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
}