#目的
FormDataを使ってAPIに配列をpostしたい場合にどのように送ればいいのか悩んだため、アウトプットする。
#完成
component.vue
<script>
data () {
return {
tag:[]
}
}
let formData = new FormData();
if (this.tag.length > 0) {
this.tag.forEach((text, index) => {
formData.append('tag[' + index + ']', text);
})
} else {
formData.append('tag', []);
}
</script>
##解説
1.tag[]
に1つ以上値が存在するか確認する
1-1.存在する場合、tag[]
をforEach
で一つずつappendする!
1−2.存在しない場合、空の配列をappend
JavaScriptはforeach
ではなくforEach
らしいので注意が必要