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

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

 

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

相关文章