关于this.data.xxx做数据绑定的问题

Question

老师，我看您在课程中有这么一段注释，现在这个是不是不适用了？

现在版本的小程序，数据绑定统一都用this.setData了对吧

Answer 1

7七月 2019-09-30 06:31:50

对，这个是哪个章节出现的。我记得已经重录了还有吗？

• 提问者 残破的蛋丨蛋 #1

  这是个在6-4 使用数据填充新闻详情页面这一节课，视频没有重录，我看在 9分25秒的时候有个提示，说以后数据绑定都用this.setData

• 7七月 回复 提问者 残破的蛋丨蛋 #2

  ok，我看下。感谢。

• 提问者 残破的蛋丨蛋 #3

  非常感谢！

Answer 2

Geek宝贝 2019-10-31 11:50:47

用setData方法解决问题：

在post-detai.js中：

onLoad: function (options) {
var postID = options.pid;
var postData = postsData.postList[postID];

/* setData */
this.setData({
postData
})
},

在post-detail.wxml中：

所有数据绑定前面+{{ postData. 绑定数据名称}}，例如：

<image class="avatar" src="{{postData.avatar}}" ></image>

完美解决！

原因：this.data.postData自定义属性现在的compiler已经不支持！

说白了setData()方法，相当于Java中的一个setter方法，为了接口更安全，编辑器实现了封装(Encapsulation)，不允许用户不通过“接口”就直接赋值！

Answer 3

慕粉1115085389 2019-11-04 13:31:43

谢谢，完美解决