###前提・実現したいこと
Vuejsでボタンを押したら、入力フォームが追加され、フォームに追加した値をセットしてPUTしたいのですが、
配列(edit.add)にある複数のオブジェクトを取り出して、セットすることは可能なのでしょうか?
###該当のソースコード
<div v-for="(fam, index) in edit.add" :key="index"> <input type="text" v-model="fam.name"> </div> <a href="#" @click.prevent="formAdd">+フォーム追加</a> <a href="#" @click.prevent="update">更新</a>
export default { data() { return { edit:{ add: [{ id: null, name: '' }] }, editData:{}, } }, methods: { // 入力した値をPUTリクエストする update() { axios.put(`url`, { edit: [ this.editData → {id:null, name="hoge"}の形でリクエスト送りたい ] }) .then(response => { }) .catch(error => { throw error; }); }, // フォーム追加ボタン formAdd() { edit.add.push({ id: null, name: '' }); this.editData = edit.add(配列)からオブジェクト({id: null, name: ''})を取り出してthis.editDataに格納したい } } }
回答1件
あなたの回答
tips
プレビュー