el-table 中formatter的用法.
el-table中的formatter属性用于格式化表格列中的数据显示方式。它是一个函数，接收两个参数：row和column，分别表示当前行和当前列的数据。
可以通过formatter属性来自定义表格列中的数据显示方式，例如：
```html
<el-table :data="tableData">
  <el-table-column prop="date" label="日期" width="180" :formatter="dateFormat"></el-table-column>
  <el-table-column prop="name" label="姓名"></el-table-column>
column函数的使用  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
在上述示例中，我们将dateFormat函数作为formatter属性的值传递给第一列的日期数据，该函数用于格式化日期的显示方式。
在Vue实例中需要定义dateFormat函数：
```javascript
methods: {
  dateFormat(row, column) {
    return new Date(row.date).toLocaleDateString(); // 返回格式化后的日期字符串
  }
}
```
在dateFormat函数中，我们可以根据具体的需求对日期进行格式化处理，然后将处理后的数据返回。
通过使用formatter属性，我们可以自定义表格列中数据的显示方式，满足不同的需求。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。