在开发vue项目中,有时会遇到需要增删的列表表单,比如添加一堆人员信息,数据格式如下
postData=[formData1,formData2,formData3....]
这时可以直接创建一个基于数组的form对象,这样增减操作也可以基于数组的push
和slice
方法来实现
export default{
const emptyPerson={
name:'',
nameEn:'',
job:'',
jobEn:''
}
data(){
person:[...emptyPerson]
},
methods:{
addPerson(){
this.person=[...this.person,...emptyPerson]
},
removePerson(index){
this.person.slice(index,1)
}
}
}