1. 程式人生 > >微信小程式 --- 路由跳轉時傳遞多個引數

微信小程式 --- 路由跳轉時傳遞多個引數

在微信小程式中一般情況給跳轉的目標URL傳遞的引數數量遠不止一個,以下提供兩種方式實現路由跳轉時傳遞多個引數的方法

第一種:

//實現跳轉的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 }

以上就是本文的全部內容 ,希望幫助到你