vue3 根据值删除数组中的元素

你可以使用 `Array.prototype.filter()` 方法来根据值删除数组中的元素。在 Vue 3 中，可以使用 `this.$delete()` 方法来删除数组中的元素。以下是一个示例：

// 假设有一个包含数字的数组
data() {
  return {
    numbers: [1, 2, 3, 4, 5]
  };
},
methods: {
  removeNumber(value) {
    this.numbers = this.numbers.filter(num => num !== value);
  }
}

在上面的示例中，`removeNumber` 方法通过使用 `filter()` 方法来创建一个新的不包含指定值的数组，并将其赋值给原始的 `numbers` 数组。这样，就成功删除了数组中的元素。

另外，你也可以使用 `this.$delete()` 方法直接从原始数组中删除指定值的元素，而不需要创建一个新的数组。以下是一个使用 `this.$delete()` 方法删除数组元素的示例：

data() {
  return {
    numbers: [1, 2, 3, 4, 5]
  };
},
methods: {
  removeNumber(value) {
    const index = this.numbers.indexOf(value);
    if (index !== -1) {
      this.$delete(this.numbers, index);
    }
  }
}

在上面的示例中，`removeNumber` 方法首先使用 `indexOf()` 方法找到指定值在数组中的索引，然后通过 `this.$delete()` 方法将该索引对应的元素从数组中删除。这种方法直接修改了原始的数组，不需要创建新的数组。