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

Posted 2021-11-09 joer717

//循环操作  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,
     })
  },