vue.js中，在表格最后一列加上删除，点一下删除就会删除这一行所有数据和格子

你可以使用 Vue.js 的指令和事件绑定来实现在表格的最后一列加上删除功能。以下是一个简单的示例：

<template>
  <table>
    <thead>
      <tr>
        <th>Name</th>
        <th>Email</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="(row, index) in tableData" :key="index">
        <td>{{ row.name }}</td>
        <td>{{ row.email }}</td>
        <td>
          <button @click="deleteRow(index)">Delete</button>
        </td>
      </tr>
    </tbody>
  </table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John Doe', email: 'john@example.com' },
        { name: 'Jane Smith', email: 'jane@example.com' },
        // Add more rows as needed
      ]
    };
  },
  methods: {
    deleteRow(index) {
      this.tableData.splice(index, 1);
    }
  }
};
</script>

在上面的示例中，我们使用 `v-for` 指令来遍历 `tableData` 数组，并渲染表格的每一行。在最后一列中，我们添加了一个删除按钮，并通过 `@click` 事件绑定调用了 `deleteRow` 方法。该方法使用 `splice` 方法从 `tableData` 数组中删除指定索引的行数据。

请注意，这只是一个简单的示例，你可以根据你的需求进行扩展和修改。