Редактировать пользователя laravel с помощью Vue

Question

У меня есть компонент modal и компонент users, в котором есть все users в таблице HTML.

Я решил использовать modal до edit user.Я добавил modal и связал кнопку с каждым user в цикле v-for.

Как я могу получить id текущего user?

Мой стол:

<tr v-for="admin in filteredList" :key="admin.id">
   <td>{{admin.full_name}}</td>
   <td>{{admin.is_admin}}</td>
   <td>{{admin.name}}</td>
   <td>{{admin.created_at}}</td>
   <td>{{admin.updated_at}}</td>
   <td>  
      <button class="btn btn-success" data-toggle="modal" data-target="#edit-admin" >Edit account/button>
   </td>
</tr>
</tbody>

Мой модал:

<admin-edit-modal></admin-edit-modal>

Обычно я передаю id modal как prop в виде Laravel, но так как яЯ использую компонент Я не могу это сделать: \

В моем администраторе редактировать модальный компонент:

Это мой метод выборки

   created() {
       axios.get(`api/admins/edit/{id}`,[])
            .then(res=>{
              this.admin = res.data.data;
              console.log(res)
            }).then(res=>{})
       }

Метод редактирования:

public function edit($id) {
    $admin = User::find($id);
    return response()->json($admin);
}

Я запутался в этом вопросе. Любая помощь приветствуется.

спасибо

Answer 1

Вот что я бы сделал:

<button class="btn btn-success" data-toggle="modal" data-target="#edit-admin" @click.prevent="edit(admin.id)">Edit account</button>

Метод редактирования в vue:

edit(id){
  this.editing = id;
}

Модальный:

<admin-edit-modal :editing="editing"></admin-edit-modal>

И установите опору внутримодальный компонент.