el-table实现映射

el-table 是一个基于 Element UI 的表格组件，可以通过设置 column 的 prop 属性来实现数据的映射。

例如，如果我们有一个数据数组，其中包含了一个 status 字段，其值为 0 或 1，我们希望将其显示为“未完成”或“已完成”，可以在 el-table 的 column 中设置 prop 属性为 status，同时设置 formatter 属性为一个函数，如下所示：

<el-table :data="tableData">
  <el-table-column prop="status" label="状态">
    <template slot-scope="scope">
      {{ statusMap(scope.row.status) }}
    </template>
  </el-table-column>
</el-table>

data() {
  return {
    tableData: [
      { id: 1, status: 0 },
      { id: 2, status: 1 },
      { id: 3, status: 1 },
      { id: 4, status: 0 }
    ]
  }
},
methods: {
  statusMap(status) {
    return status === 0 ? '未完成' : '已完成'
  }
}

上述代码中，我们在 el-table-column 中设置了 prop 属性为 status，同时在其中插入一个 slot，使用 slot-scope 来获取当前行的数据。然后，我们在 slot 中调用一个方法 statusMap，将 status 映射为“未完成”或“已完成”并返回。最终，我们可以在表格中显示“未完成”或“已完成”而不是原始的 0 或 1。