微信小程序页面跳转传参方式
//实现跳转的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 }