如何使用代码删除表格当前行的元素

在Vue中，如果你正在处理一个表格组件并且想要删除当前行的数据，通常你会维护一个数据数组来表示表格的内容，然后在点击删除按钮时从数组中移除对应的数据。

以下是一个简单的例子：

<template>
  <div>
    <table>
      <tr v-for="(item, index) in items" :key="index">
        <td>{{ item.column1 }}</td> <!-- 假设column1是你需要操作的列 -->
        <td><button @click="deleteRow(index)">删除</button></td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        // 这里是你的初始数据数组
        { column1: '第一行', ... },
        { column1: '第二行', ... },
        ...
      ]
    };
  },
  methods: {
    deleteRow(index) {
      this.items.splice(index, 1); // 使用splice方法删除指定索引处的元素
    }
  }
};
</script>

在这个例子中，`@click="deleteRow(index)"`监听了每个删除按钮的点击事件，当点击时，`deleteRow`方法会被调用，传入的`index`参数用于从`items`数组中删除对应位置的行。