小程序学习心得之template进行数据绑定

1通过引入要循环的模板,在block中进行绑定
可以通过在template外出加一层view来就行跳转，结构如下：`

<block wx:for="{{postList}}" wx:for-item="item" wx:for-index="idx">
    <view catchtap="onPostTap" data-postId="{{item.postId}}">
      <template is="postItem" data="{{...item}}" />
    </view>
  </block>

2 wxss中引入外部文件

3 数据调用
var postsData = require(‘../../data/posts-data.js’)；
在 onLoad中进行数据绑定

this.setData({
      postList: postsData.postList
    });

4 跳转函数 onPostTap

onPostTap: function (event) {
    var postId = event.currentTarget.dataset.postid;
    wx.navigateTo({
      url: "post-detail/post-detail?id=" + postId
    })

dataset:事件源组件上由data-开头的自定义属性组成的集合