vue数组删除指定元素

// 示例代码：在 Vue 中删除数组中的指定元素

new Vue({
  el: '#app',
  data: {
    items: [1, 2, 3, 4, 5]
  },
  methods: {
    removeItem(itemToRemove) {
      // 使用 filter 方法创建一个新数组，排除掉需要删除的元素
      this.items = this.items.filter(item => item !== itemToRemove);
    }
  }
});

// HTML 部分
<div id="app">
  <ul>
    <li v-for="item in items" :key="item">
      {{ item }} 
      <button @click="removeItem(item)">删除</button>
    </li>
  </ul>
</div>

// 解释说明：
// 1. `data` 中定义了一个名为 `items` 的数组，包含了一些初始元素。
// 2. `methods` 中定义了一个名为 `removeItem` 的方法，该方法接收一个参数 `itemToRemove`，表示要删除的元素。
// 3. 在 `removeItem` 方法中，使用了 `filter` 方法来创建一个新的数组，该数组不包含 `itemToRemove` 元素，并将这个新数组赋值给 `items`。
// 4. 在 HTML 部分，使用 `v-for` 指令遍历 `items` 数组，并为每个元素生成一个列表项。每个列表项旁边都有一个“删除”按钮，点击按钮会调用 `removeItem` 方法并传入当前元素的值。