微信小程式 --- 路由跳轉時傳遞多個引數
阿新 • • 發佈:2019-02-19
在微信小程式中一般情況給跳轉的目標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
}
以上就是本文的全部內容 ,希望幫助到你