<el-table-column>属性

`<el-table-column>`是ElementUI中的表格列组件。它有多个属性可以设置，以下是其中一些重要的属性：
- `prop`：对应列内容的字段名
- `label`：列标题
- `width`：列宽度
- `align`：对齐方式
- `formatter`：格式化函数

其中，`formatter`属性可用于自定义列的显示格式，例如日期格式化和性别显示等。
以下是两个具体的例子：
1. 日期格式化[^1]

<el-table-column prop="date" label="日期" :formatter="formatDate"></el-table-column>

在`methods`中定义`formatDate`方法，使用`new Date()`将日期字符串转换为日期对象，然后进行格式化处理。

methods: {
  formatDate(row, column) {
    let data = row[column.property]
    if (data == null) {
      return null
    }
    let dt = new Date(data)
    return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + ':' + dt.getSeconds()
  }
}

2. 性别显示

<el-table-column prop="gender" label="性别" :formatter="formatGenderType"></el-table-column>

在`methods`中定义`formatGenderType`方法，根据传入的值进行判断，返回对应的字符串。

methods: {
  formatGenderType(row, column) {
    if (row.gender === 1) {
      return '男'
    } else if (row.gender === 2) {
      return '女'
    } else {
      return ''
    }
  }
}