vue.js - VueJS - 从 API 获取删除、编辑用户后如何保留用户 ID？

Question

我有一个这样的用户列表。但是当管理员单击按钮时，我需要删除用户。你为这种情况提供什么？

<div v-if="users.length" class="users">
    <section class="user" v-for="user in users" :key="user">
        <section>{{user.title}}</section>
        <section>{{user.username}}</section>
        <section><button onClick="DeleteUser()">Delete</button></section>
    </section>
</div>

标签： vue.jsdom

Answer 1

我想您的用户对象有 prop id，因此您可以将该 id 传递给 @click 处理程序方法。

<button @click="deleteUser(user.id)">Delete</button>