Vue 创建基于数组的动态表单

在开发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)
		}
    }
}