码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-02-21 23:36:29      阅读:468      评论:0      收藏:0      [点我收藏+]

标签:跳转   fun   targe   dataset   span   通过   url跳转   current   index   

  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 }    

 

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

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

标签:跳转   fun   targe   dataset   span   通过   url跳转   current   index   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!