vue 删除表格指定的某一行数据

你可以通过以下步骤来删除 Vue 表格中的某一行数据：

1. 首先，在表格数据源中找到要删除的数据行，例如，假设你的表格数据源为 `tableData`，要删除第二行数据，可以使用如下代码：`const targetRow = tableData[1]`。

2. 接下来，使用 `splice()` 方法从表格数据源中删除该行数据，例如，可以使用如下代码：`tableData.splice(1, 1)`。其中，第一个参数为删除的起始索引，第二个参数为删除的数量。

3. 最后，更新 Vue 组件的状态，例如，可以使用 `this.$forceUpdate()` 方法强制更新组件状态。

完整的代码示例如下所示：

<template>
  <div>
    <table>
      <thead>
        <tr>
          <th>姓名</th>
          <th>年龄</th>
          <th>性别</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(item, index) in tableData" :key="index">
          <td>{{ item.name }}</td>
          <td>{{ item.age }}</td>
          <td>{{ item.gender }}</td>
          <td>
            <button @click="deleteRow(index)">删除</button>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 20, gender: '女' },
        { name: '王五', age: 22, gender: '男' },
      ],
    };
  },
  methods: {
    deleteRow(index) {
      const targetRow = this.tableData[index];
      this.tableData.splice(index, 1);
      this.$forceUpdate();
    },
  },
};
</script>

在上面的代码中，我们在表格中添加了一个“删除”按钮，当用户点击该按钮时，会触发 `deleteRow()` 方法，该方法会从表格数据源中删除指定的行，并强制更新组件状态。