vue+elemt删除列表中的一条数据

要删除列表中的一条数据，在Vue Element中可以使用以下步骤：

1. 首先，需要在Vue实例中定义一个数组，用来存储列表数据。可以给这个数组取一个名字，比如list。在定义数组时，可以在Vue实例的data属性中进行定义，例如：

data: {
  list: [
    { name: '张三', age: 18 },
    { name: '李四', age: 20 },
    { name: '王五', age: 22 }
  ]
}

2. 然后，在页面中使用Vue Element的表格组件（el-table）来展示这个数组中的数据，例如：

<el-table :data="list">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column label="操作">
    <template slot-scope="scope">
      <el-button @click="handleDelete(scope.$index)">删除</el-button>
    </template>
  </el-table-column>
</el-table>

在表格的列定义中，需要将“操作”列使用插槽（slot）进行自定义。在插槽模板中，定义一个按钮，并绑定一个点击事件（handleDelete），用来删除列表中的一条数据。其中，scope.$index是Vue Element中提供的一个属性，表示当前行的索引。通过这个索引，可以知道需要删除的是哪一条数据。

3. 最后，在Vue实例中定义一个方法（handleDelete），用来从数组中删除数据。例如：

methods: {
  handleDelete(index) {
    this.list.splice(index, 1);
  }
}

这个方法接收一个参数（index），表示需要删除的数据在数组中的索引。然后，使用数组的splice方法，将这个数据从数组中删除。

通过以上步骤，就可以在Vue Element中删除列表中的一条数据了。