Bootstrap

vue对table数据增删改,并且视图实时更新

增加

数组类型

addData(){
	this.$set(
		tableList,
		index,//插入的下表,一般为table.lenth即表尾
		{:,:,,,,,,}
	);
}

删除

deleteData(index) {
	//val是删除数据的下标,1是指删除一条
	this.tableList.splice(index,1);
	//let arr = this.table.splice(index,1); //arr是删除之后余下的数据
}

修改

与添加方法类似

editField(){
	this.$set(
		tableList,//当前数组
		index,//当前数据的下标
		{:}
	);
}
;