页面跳转,接受上一级页面的数据
- 最简单的
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
})
},
}