el-table字段映射

el-table是Element UI中的一个表格组件，它支持自定义列的显示和编辑方式。字段映射是指在el-table中，将数据源中的字段映射到表格中的列，以显示和编辑数据。通常情况下，字段映射可以通过el-table的prop属性来实现。例如，假设我们有如下数据源：

const data = [
  { name: '张三', age: 18, gender: '男' },
  { name: '李四', age: 20, gender: '女' },
  { name: '王五', age: 22, gender: '男' }
]

要将这个数据源中的姓名、年龄和性别字段映射到el-table中，可以这样写：

<el-table :data="data">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="gender" label="性别"></el-table-column>
</el-table>

在这个例子中，我们将name、age和gender字段分别映射到了表格中的姓名、年龄和性别列。prop属性指定了要映射的字段名，label属性指定了列头的显示文本。需要注意的是，prop属性必须与数据源中的字段名相同，否则无法正确显示和编辑数据。