在Vue中，我們經(jīng)常會(huì)使用表單來(lái)提交數(shù)據(jù)到服務(wù)器。而FormData則是一種非常方便的工具，它可以幫助我們輕松地將表單數(shù)據(jù)轉(zhuǎn)換為可發(fā)送的格式。如果我們需要提交多個(gè)表單數(shù)據(jù)，我們可以使用FormData數(shù)組來(lái)管理這些數(shù)據(jù)。

// 創(chuàng)建一個(gè)空的FormData數(shù)組
let formDataArray = new FormData();
// 向formDataArray中添加表單數(shù)據(jù)
formDataArray.append('name', 'Tom');
formDataArray.append('age', '18');
formDataArray.append('gender', 'male');

如上述代碼所示，我們首先創(chuàng)建了一個(gè)空的FormData數(shù)組，并使用append()方法添加了三個(gè)表單數(shù)據(jù)。這些表單數(shù)據(jù)包含了一個(gè)name、一個(gè)age和一個(gè)gender。

// 向formDataArray中添加文件數(shù)據(jù)
formDataArray.append('image', file);
// 使用axios發(fā)送formDataArray
axios.post('http://example.com', formDataArray)
.then(response =>{
console.log(response);
})
.catch(error =>{
console.log(error);
});

在上面的代碼中，我們向formDataArray中添加了一個(gè)名為image的文件數(shù)據(jù)。接著使用axios可以輕松地將formDataArray發(fā)送到服務(wù)器。在這個(gè)例子中，我們使用了POST請(qǐng)求，并將數(shù)據(jù)發(fā)送到http://example.com。當(dāng)然，你也可以使用其他的請(qǐng)求類型和地址。

最后需要注意的是，在使用FormData數(shù)組時(shí)，我們需要確保每一個(gè)表單數(shù)據(jù)的name值是唯一的。否則就會(huì)出現(xiàn)覆蓋或丟失部分表單數(shù)據(jù)的情況。