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

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

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

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

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

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

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

微信小程序 setData常用错误解决办法：

1、微信小程序中，在wx.request({})方法调用成功或者失败之后，有时候会需要获取页面初始化数据data的情况，这个时候，如果使用，this.data来获取，会出现获取不到的情况，调试页面也会报undefiend。

原因是，在javascript中，this代表着当前对象，会随着程序的执行过程中的上下文改变，在wx.request({})方法的回调函数中，对象已经发生改变，所以已经不是wx.request({})方法对象了，data属性也不存在了。官方的解决办法是，复制一份当前的对象，如下：

var that=this//把this对象复制到临时变量that。在success回调函数中使用that.data就能获取到数据了。

2、下面就是修改代码，必须setData一下，不然地图不会刷新。

markers: {     iconPath:

"/picture/bike.png",     id: 0,     latitude: 23.099994,     longitude:

113.324520,     width: 50,     height: 50    }

for(var i = 0i <res.data.lengthi++){         //

that.data.markers[i].id=i         // mark.id=i        var param =

{}        var string = "markers["+i+"].id"        param[string] =

res.data[i].Bike_id                that.setData(param)           

var string="markers["+i+"].iconPath"        param[string]

="/picture/bike.png"        that.setData(param)            var

string = "markers["+i+"].latitude"        param[string] =

res.data[i].BIKE_latitude                that.setData(param)       

          var string = "markers["+i+"].longitude"       

param[string] = res.data[i].BIKE_longitude               

that.setData(param)                 var string =

"markers["+i+"].width"        param[string] = 50               

that.setData(param)             var string = "markers["+i+"].height"

       param[string] = 50                that.setData(param)       

 /* that.setData({          markers:[{     iconPath:

"/picture/bike.png",     id: 0,     latitude: 23.099994,     longitude:

113.324520,     width: 50,     height: 50          }]         })*/      

  }       //   console.log(res.data[1])         var

markk=that.data.markers        that.setData({markers:markk})

小程序setData()设置，百度找到：   http://www.jb51.net/article/111691.htm

当我们多次使用同一个组件的时候，我们可以将其进行封装然后进行使用，这个时候，自定义组件就起到了很好的作用，前面虽然我们讲到了自定义组件，不过那都是皮毛，仅仅只是讲到了自定义组件的创建和使用罢了，下面我们来深入剖析自定义组件。首先看下目录：

匿名插槽

具名插槽

外部样式

多样化的组件通信

1.双向绑定

2.父子组件互相传

组件共享

组件关系

生成的组件实例可以在组件的方法、生命周期函数和属性 observer 中通过 this访问。组件还有一些通用属性和方法，如下：

注：以上内容来源于微信开放文档 二、自定义组件的参数

生成的组件实例可以在组件的方法、生命周期函数和属性 observer 中通过 this访问。组件还有一些通用属性和方法，如下：

注：以上内容来源于微信开放文档 二、自定义组件的参数

生成的组件实例可以在组件的方法、生命周期函数和属性 observer 中通过 this访问。组件还有一些通用属性和方法，如下：

注：以上内容来源于微信开放文档 二、自定义组件的参数

生成的组件实例可以在组件的方法、生命周期函数和属性 observer 中通过 this访问。组件还有一些通用属性和方法，如下：

---