在使用Vue時，開發者經常會遇到表單提交的需求。而表單提交中最常用的數據格式就是FormData。然而，有時候使用Vue的開發者會遇到FormData無效的情況，導致表單無法提交成功。

出現這種情況的原因很多，最常見的是由于在Vue組件中直接使用FormData而沒有進行處理。因為在Vue中聲明的data數據是一個響應式對象，而FormData并不是一個對象，所以直接使用會導致Vue無法監聽其變化。因此，我們需要使用Vue提供的構造函數將FormData轉換為響應式對象。

data(){
return {
form: {
name: '',
tel: '',
email: '',
password: '',
confirm: ''
}
}
},
methods:{
handleSubmit(){
const formData = new FormData();
formData.append('name', this.form.name)
formData.append('tel', this.form.tel)
formData.append('email', this.form.email)
formData.append('password', this.form.password)
formData.append('confirm', this.form.confirm)
this.$axios.post('url', formData)
.then(res =>{
console.log(res.data)
})
.catch(err =>{
console.log(err.message)
})
}
}

另外，還有一點需要注意的是，當我們在使用FormData的append方法添加文件時，需要設置文件名稱。否則，服務端會無法獲取到文件的信息。

綜上所述，當遇到Vue中使用FormData無效時，我們可以通過將其轉化為一個響應式對象，解決無法提交表單的問題。