首页 > 微信 > 详细

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

时间:2018-02-21 23:22:39      阅读:376      评论:0      收藏:0      [点我收藏+]
  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 }    

 

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

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

原文:https://www.cnblogs.com/rrxxdd/p/8457751.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!