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)
		}
    }
}