setData-小程序开发小技巧

改变data的值，页面的数据也就可以相应改变，那怎么改变呢？setData可以data的数据从而改变页面的值

例如：

• index.js

data: {
    name：'gg',
    imgUrls: [
        'http://html.001php.com/Public/Home/img/H5.png',
        'http://html.001php.com/Public/Home/img/H5.png',
        'http://html.001php.com/Public/Home/img/H5.png'
    ]
},

• index.wxml

<view class="box">
  {{name}}
</view>   

• 页面显示：
  

点击 box 改变名字，首先先给 box 绑定点击事件 bindtap="change_name"，在 change_name 函数里面 使用setData改变 name 的值

//改名字函数
change_name:function(){
  this.setData({
      name: 'gg666'
  });
},

改变data数组中的某个值：
- 为了方便演示，使用 onshow 方法改变他的值
- onShow: 页面显示（每次打开页面都会调用一次。）
- index.js

// onShow: 页面显示（每次打开页面都会调用一次。）
onShow:function(){
  console.log(this.data.imgUrls);
  var str = "imgUrls[1]"
  this.setData({
    [str]: 'http://html.001php.com/Public/Home/img/HB.png'
  })
  console.log(this.data.imgUrls);
  return false;
},