用vue2根据id删除一个列表

假设有一个列表，每个项都有一个id属性，可以通过以下步骤使用Vue 2删除该列表中的项：

1. 在Vue组件中，定义一个data属性来存储列表数据：

data() {
  return {
    items: [
      { id: 1, name: 'Item 1' },
      { id: 2, name: 'Item 2' },
      { id: 3, name: 'Item 3' },
    ]
  }
}

2. 在Vue组件中，定义一个方法来删除指定id的项：

methods: {
  deleteItem(id) {
    this.items = this.items.filter(item => item.id !== id);
  }
}

3. 在Vue模板中，为每个项添加一个删除按钮，并调用deleteItem方法：

<ul>
  <li v-for="item in items" :key="item.id">
    {{ item.name }}
    <button @click="deleteItem(item.id)">Delete</button>
  </li>
</ul>

这样，当用户点击某个项的删除按钮时，该项将从列表中删除。

相关问题

用vue发送axios请求多个id删除用户

首先，你需要在Vue组件中定义一个选中用户ID的数组，用来存储用户选中的ID：

data() {
  return {
    selectedIds: []
  }
}

接下来，你需要在模板中显示用户列表，并且提供一个复选框用来选中要删除的用户：

<div>
  <table>
    <thead>
      <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Email</th>
        <th>Select</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="user in users" :key="user.id">
        <td>{{ user.id }}</td>
        <td>{{ user.name }}</td>
        <td>{{ user.email }}</td>
        <td>
          <input type="checkbox" :value="user.id" v-model="selectedIds">
        </td>
      </tr>
    </tbody>
  </table>
  <button @click="deleteUsers">Delete Selected Users</button>
</div>

在这个模板中，我们使用 `v-for` 指令来循环显示用户列表，并且在每个用户行中添加一个复选框。当用户选中一个复选框时，我们使用 `v-model` 指令将用户ID添加到 `selectedIds` 数组中。

最后，你需要在Vue组件中添加一个 `deleteUsers` 方法，用来发送axios请求删除选中的用户：

methods: {
  deleteUsers() {
    axios.post('/api/users/delete', { ids: this.selectedIds })
      .then(response => {
        // 删除成功
        console.log(response.data)
      })
      .catch(error => {
        // 删除失败
        console.error(error)
      })
  }
}

在这个方法中，我们使用 `axios.post` 发送一个带有选中用户ID的JSON数据到 `/api/users/delete` 接口。当请求成功时，我们将打印响应数据到控制台。否则，我们将打印错误信息到控制台。

以上就是用Vue发送axios请求多个ID删除用户的方法。

vue2删除数组中id为2的数据

在 Vue 2 中删除数组中 id 为 2 的数据，可以通过以下步骤实现：

1. 首先，假设你有一个名为 `items` 的数组，其中包含了多个对象，每个对象都有一个 `id` 属性。
2. 使用 `findIndex` 方法找到数组中 `id` 为 2 的元素的索引值。可以使用以下代码：

   const index = items.findIndex(item => item.id === 2);

3. 如果找到了对应的元素，使用 `splice` 方法将其从数组中删除。可以使用以下代码：

   if (index !== -1) {
     items.splice(index, 1);
   }

这将会修改原始的 `items` 数组，删除了 `id` 为 2 的元素。

请注意，Vue 2 中对数组的修改需要使用特定的方法（例如 `splice`）才能触发视图的更新。如果直接使用赋值操作（例如 `items = newArray`），视图不会自动更新。