改变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;
},