微信小程序中的 this.setData()

在小程序中使用this.setData()方法是非常常见的,通过这个方法,可以将data中的变量进行赋值扮升尺.那么如果遇到下面这种情况:

如果此时我想修改 belineData 对象下的 name 的值,我们可以这样 *** 作

这样就可以把字符串赋值给对象下的 name 属性

这个时候,我们需要给 belineData 数组下的第一个对象赋值的话.大概脑子里想的应笑旦该是:

然后,我们会发现,这样写并不行厅高.而要通过ES6的标识符来实现

使用变量的部分要 ${} 套用起来就可以了.

官方

先看一下官方对于 this.data 和 this.setData({}) 的定义与用法

知识乱伍点

this.data 是用来获取页面data对象，仅会改变数据，无法改变页面的状态凳陪尺，可能会造成数据不一致；

this.setData({}) 是用来修改数据，不仅会改变数据，而且还会改变视图；

问题

实际自己在学习过程中，遇到一个问题，下拉刷新的方法当中，用 this.data 与 this.setData({}) ，在数据显示上并没有什么不同，学习的视频中，授课老师用的是this.data，这个地方我自己也没有搞清楚是为什么

*** 作效果：

this.data

this.setData({})

可以看出来，两者使用并没有什么明显的区别。

总结

实际使用当中按照上面 知识点 部分加粗部分去执行，肯定是没有错的，涉及到页面数据更新的，使用**this.setData({}) **，在js中枣高使用data数据时使用****this.data.属性 。****

因为以前都是用Vue开发，写项目，自然而然的就习惯了vue的双向绑定机制，开发中也觉得这真是方便，但是在最近的小程序开发中，我在动态往数组中传值，可是吃尽了苦头，怎么绑都绑定不上。当然，也并不是再说小程序的不好，各有各的开发理念，各有各的好，所以在这里写下一些心得，一方面让自己别忘了，一方面也希望和我一起遇到这个问题的小伙伴们，别再走这个坑!

言归正传：

加入此刻我的data中，有一个数组

然后我定义了一个方法，需要往这个lists数组中动态的添加数据

这个方法是可以往data中的lists中添加对象的，这我相嫌谨信大家都能做得到，很简单

但是，当我们要改变这个lists中某个对象下的key：value值呢？当时我就在这里卡了好久，我一开始想的的是在this.setData()这个函数中，把key值改为 lists[下标].属性值 但是当我这样写了以后，控制台立马报错，原因是因为，他在data中并没有找到你这个key值，也就是说我们这个写的方法是错误的，但是按照道理思路是没错的，所以也就有了侍或下面这个方法，可以改变对应的lists里面的属性值

这样就可以了，就能改变data中数组里面任意的值，不过要谨记一点，就是，一定要拿中括号[xx]包裹你要改变的key值，不然也是会报错的！好了，其实我感觉我说了很多没必要的话，但是，我就当记笔记了！希望大家和自己继续努力，芹谈基学习永无止境【点击了解更多加盟项目】

---