Question

我有一个modal组件和一个users组件，该组件在HTML表中具有所有users。

我决定使用modal 编辑 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>

通常，我在Laravel视图中将id作为modal传递到prop，但是由于我使用的是组件，所以我无法做到这一点：\

在我的管理员编辑模式组件中：

这是我的提取方法

   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>

然后将道具设置在模态组件中。

使用Vue编辑用户laravel

1 个答案: