小程序 循环遍历 传参数 获取参数的方法

时间:2019-03-26 16:43:44   收藏:0   阅读:842
//循环操作  block包裹着被循环的模板  


<block 
  wx:for="{{post_content}}" 
  wx:for-item="item" 
  wx:for-index="index" 
  wx:key="index">
  <!-- {{...item}}展开这个对象 --> 
  <!-- data-postId={{item.postId}}自定义属性 -->
  <view catchtap="onPostTap" data-postId="{{item.postId}}">
  <template is="itemTemplate" data="{{...item}}"/>
  </view>
  
  </block>

 

1.根据参数id获取具体详情页的数据

 

//直接把方法绑定到template上是不行的要在外层加一层view
//给方法传递id参数
//展开循环项
data="{{...item}"
<view catchtap="onPostTap" data-postId="{{item.postId}}">
  <template is="itemTemplate" data="{{...item}}"/>
  </view>
  

点击的时候传递id参数,然后跳转页面

 onPostTap:function(event){
     console.log("跳进详情页");
     var postId = event.currentTarget.dataset.postid;
     wx.navigateTo({
       url: ‘post-detail/post-detail?postId=‘ + postId,
     })
  },

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!