vue可编辑的el-table表格

在Vue中，可以通过在基础的`<el-table>`组件上添加`<EditTableColumn>`组件的具名插槽`<template #edit>`来实现可编辑的表格。这样可以在保持`<el-table>`的使用方式不变的同时，提供可编辑功能并且配置与`<el-table>`的使用风格一致。

具体做法是在基础表格上使用`<EditTableColumn>`，并在`<EditTableColumn>`上添加`prop`属性来指定数据的字段名，`label`属性来指定列的标题。

以下是一个示例代码的片段，展示了如何在Vue中创建可编辑的`<el-table>`表格：

<template>
  <section>
    <h1>无编辑效果</h1>
    <EditTable class="edit-table" :data-source="tableData">
      <EditTableColumn prop="date" label="时间"></EditTableColumn>
      <EditTableColumn prop="name" label="姓名"></EditTableColumn>
      <EditTableColumn prop="address" label="地址"></EditTableColumn>
    </EditTable>
  </section>
</template>

请注意，上述代码中的`tableData`是数据源，你需要将其替换为你自己的数据。