用navigator
实现 页面携带参数进行跳转,并接收参数
1、实现效果:
从course
页面跳转到attendance
页面,在attendance
页面获取到从course
页面携带过来的参数(id
和status
)
2、实现代码:
course.wxml
<navigator class="header_right" url="/pages/course_page/attendence/attendence?id={{headerData.id}}&status={{headerData.status}}">
<text class="text_small">查看完整出勤</text>
<van-icon name="arrow" color="#797C9F" size="18rpx"/>
</navigator>
attendace.js
Page({
/**
* 页面的初始数据
*/
data: {
children_id: '', // 孩子的id
_status: '', // 状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log(options);
this.setData({
children_id : options.id,
_status : options.status,
})
},
})