一、修改数据方式
data:{
name:\'我是初始化的name\'
}
- this.data.name
this.data.name=\'我是代码君data\'
- this.setData
this.setData({
name:\'我是代码君setData\'
})
这两种方式都可以改变数据,this.setData的好处是可以有刷新的效果,即实时更新数据
二、修改对象数组
data:{
person:{
name:\'代码君\',
city:\'厦门\'
}
}
- 修改全部对象
this.setData({
person:{
name:\'新代码君\',
city:\'湖南\'
}
})
- 修改部分数据
this.setData({
\'person.name\': \'代码君只修改名字\'
})
//多个数组用这个
this.setData({
\'person[0].name\': \'代码君只修改名字\'
})
三、添加删除数据
- 添加数据concat
//假设这一段是我们要新增的数组
var newarray = [{
name:\'增加的数据--\'+new Date().getTime() ,
}];
//向前--用newarray与this.data.list合拼
this.data.list = newarray.concat(this.data.list);
//向后--用this.data.list与newarray合拼
this.data.list = this.data.list.concat(newarray);
- 删除数据splice()删除数据,然后返回被删除的数据
//删除
remove:function (e){
var dataset = e.target.dataset;
var Index = dataset.index;
//通过index识别要删除第几条数据,第二个数据为要删除的项目数量,通常为1
this.data.list.splice(Index,1);
//渲染数据
this.setData({
list:this.data.list
});
}
- 清空数据
//清空
clear:function (){
//其实就是让数组变成一个空数组即可
this.setData({
list:{}
});
}