微信小程序中不同页面间的参数传递

Posted 2020-10-24 rrxxdd

1. 从样式页面WXML向逻辑页面JS传递点击事件的响应函数中传递参数

1 <!--此为样式页面-->
2 <block wx:for="{{postList}}" wx:for-item="item" wx:for-index="idx">
3     <view catchtap="onPostTap" data-postid="{{item.postId}}">
4         <template is="postItem" data="{{...item}}"/>
5     </view>
6 </block>    

1 //此为逻辑层代码
2 onPostTap: function (event){
3     var postId = event.currentTarget.dataset.postid;
4     wx.navigateTo({
5         url: "post-detail/post-detail?id=" + postId;
6     })
7 }

　　样式页面通过data-***来传递；逻辑层页面通过event.currentTarget.dataset.***（只接受小写）来接收，多用于在wx: for中告知逻辑层用户所点击模块的序号

 

　　2. wx.navigate通过url跳转页面时向所要跳转到的页面传递参数

1 //需要传递的参数名为postId
2 wx.navigateTo({
3     url: "post-detail/post-detail?id=" + postId
4 })

1 //另一页面接收参数
2 onLoad: function (option) {
3     var postId = option.id;
4 }    

 

注：以上为七月老师在慕课网视频的学习笔记