Vue.jsとLaravelは1回の呼び出しで複数の行を更新します

Question

もっと理解を深めるために、ここに2つのモデルがあります。このようになります私の見解では

class Item extends Model 
{ 

...  

    public function images() 
    { 

     return $this->hasMany(Image::class); 
    } 
} 

私はlaravelのブレードエンジンの混合物を使用していますし、Vue.js：

画像のためのモデル：

class Image extends Model 
{ 

...  

    public function item() 
    { 

     return $this->belongsTo(Item::class); 
    } 
} 

モデルアイテム

<div class="form-group"> 
    <label>@lang('app.user.edit.images')</label> 
    <div v-for="(img, index) in my.images"> 
     <input type="text" name="images[]" class="form-control images" v-model="my.image"> 
    </div> 
</div> 

これは、アイテムの任意のイメージに対して1つの入力を与えます。私はすべてのデータベースを更新したい各画像の値を変更することによって。アレイを取得するために、入力にname="images[]"のような名前を付けるのがよいのかどうか分かりません。画像について

私のデータベーステーブルは次のようになります。

+----+---------+-------+------------+------------+ 
| id | item_id | image | created_at | updated_at | 
+----+---------+-------+------------+------------+ 

うまくいけば、あなたのいくつかは、過去に同じ問題を抱えていたし、私を助けることができます。

Answer 1

IDをシステムに渡す必要があるため、データベースを更新するためにIDを渡す必要があります。

<div class="form-group"> 
    <label>@lang('app.user.edit.images')</label> 
    <div v-for="img in my.images"> 
     <input 
      type="text" 
      v-bind:name="'images[' + img.id + ']'" 
      class="form-control images" 
      v-model="img.image" 
     > 
    </div> 
</div> 

これはあなたが適切

をイメージを更新させてください「ID」=>「URL」の形式でRequestオブジェクトの配列を送信します