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

  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 }    

 

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

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

上一篇:微信小程序(二)框架


下一篇:linux下挂载NTFS文件系统出现symbol lookup error: 报错解决方法