微信小程序>页面跳转，获得上一个页面的数据信息

页面跳转，接受上一级页面的数据

• 最简单的
  wxml代码

<view class='btn'  bindtap='topay'>确认支付</view>

点击这个按钮跳到下一页
此页面的js代码

topay: function() {
wx.navigateTo({
url: '/pages/w_wechatpay/w_wechatpay?total=' + that.data.totalPrice + '&ids='+ JSON.stringify(arr)
});}

url编写格式：需要跳转的应用内非 tabBar 的页面的路径, 路径后可以带参数。参数与路径之间使用 ? 分隔，参数键与参数值用 = 相连，不同参数用 & 分隔；参数可以自由命名，在上面的代码中就向下一级页面传递了total和ids两个值。因为要把一个arr数组放在ids传，数组是不能直接传，所以要把数组arr平铺展开：JSON.stringify(arr)
下一级页面的js代码：
在onload事件中加载传递的信息

Page({

/**
* 页面的初始数据
*/
data: {

total:"",
id_arr:[],
},
**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {//上一个页面传递过来的数据都会在options里
let that =this;
//查看传递数据 是否成功
console.log(options);
//更新此页面的data数据
that.setData({
//把传过来的total数据赋值给此页面的data里的total
total:options.total,
//把传过来的ids数组赋值给此页面的data里的 id_arr
id_arr: options.ids
})

},
}

• 点赞
• 收藏
• 分享
• 文章举报