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


  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 }    

 

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2024 CODEPRJ.COM