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

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

时间:2019-03-26 16:43:44      阅读:842      评论:0      收藏:0      [点我收藏+]

标签:循环   HTAP   pos   页面   code   div   dataset   自定义属性   根据   

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

 

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

标签:循环   HTAP   pos   页面   code   div   dataset   自定义属性   根据   

原文地址:https://www.cnblogs.com/joer717/p/10601017.html

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