微信小程序頁面跳轉傳參方式


//實現跳轉的A頁面
jump: function () {
    let a = 1;
    let b = 2;
     wx.navigateTo({
         url: '/page/vipOrder/vipOrder?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(',');//使用split方法將字符串分割為數組
    console.log(dataArr);//此時得到的結果是 [1,2] 變成一個數組
    console.log(dataArr[0]);//輸出結果  1
    console.log(dataArr[1]);//輸出結果  2
}

多個參數

//實現跳轉的A頁面
jump: function () {
    let a = 1;
    let b = 2;
     wx.navigateTo({
         url: '/page/vipOrder/vipOrder?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

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2024 CODEPRJ.COM