微信小程序实战(三)

在循环的时候,不再采用item进行指定值,而是利用{{...item}}进行数据绑定,ES6中有一个扩展运算符,两者是否有联系?


微信小程序实战(三)_第1张图片
image.png

微信小程序实战(三)_第2张图片
image.png

组件自定义属性,必须以data开头,data-XX-XX都可以
注意:自定义模板需要放在view中,因为在页面运行的时候显示的是一个个item所以直接在template上添加点击事件是不起作用的。


微信小程序实战(三)_第3张图片
image.png

我们可以在event事件中拿到我们自定义的属性值,currentTarget中自定义属性的集合dataSet,dataSet中包含所有的自定义属性


微信小程序实战(三)_第4张图片
image.png

虽然我们在定义的时候采用的是data-postId但是会被转化为postid,只有出现data-postid-name时“-”连接的地方会被转化为大写postidName
微信小程序实战(三)_第5张图片
image.png

微信小程序实战(三)_第6张图片
image.png

在详情页中进行数据绑定的时候,报错

微信小程序实战(三)_第7张图片
image.png

是因为进行数据绑定的时候我们用的是在postList中,所以应该是在
let postData = postData.postList[postId]
微信小程序实战(三)_第8张图片
image.png

微信小程序实战(三)_第9张图片
image.png

微信小程序实战(三)_第10张图片
image.png

采用this.data.postData不起作用,具体原因待查找

你可能感兴趣的:(微信小程序实战(三))