el-table formatter

### 回答1：
el-table的formatter是一个函数，用于格式化表格中的数据。它可以将数据转换为特定的格式，例如日期、货币等。在el-table中，我们可以使用formatter来自定义表格中的数据格式，以便更好地呈现数据。

### 回答2：
el-table中的formatter是一个非常有用的属性。它可以用来格式化表格中的数据，使其在显示时更易读或具有更好的可视化效果。

在el-table中，我们可以通过设置column的formatter属性来自定义数据的展示方式。通过formatter，我们可以对数据进行各种处理和格式化，如数据的加密、截取、日期格式化、文本颜色变化等等。

使用formatter属性的语法如下所示：

<el-table-column prop="dataProp" label="数据字段" :formatter="formatData"></el-table-column>

在这里，我们通过设置prop属性来绑定表格的数据字段，然后使用formatter属性来指定一个格式化函数formatData。

formatData是一个自定义的函数，它接受两个参数：row和column。其中，row是当前行的数据对象，column是当前列的属性对象。通过这两个参数，我们可以获取到需要处理的数据，然后对其进行格式化处理。

下面是一个简单的例子，演示如何使用formatter属性对数据进行格式化：

methods: {
  formatData(row, column) {
    let data = row[column.property];
    // 对数据进行处理和格式化
    // 例如，将数据加密
    return encryptData(data);
  },
  encryptData(data) {
    // 自定义数据加密逻辑
    // 省略具体实现
    return encryptedData;
  }
}

在上面的例子中，我们定义了一个formatData函数，它使用了encryptData函数来将数据进行加密处理。然后，我们将加密后的数据返回，这样在表格中显示时，就会展示加密后的数据。

总的来说，el-table的formatter属性是一个非常实用的功能，它可以让我们对表格中的数据进行各种自定义的处理和格式化，以满足不同的展示需求。无论是对数据进行加密、截取、时间格式化等等，我们都可以通过设置formatter属性来实现。

### 回答3：
el-table的formatter是一个表格列的格式化函数，用于将表格列的数据进行格式化处理并显示在表格中。

在el-table中，每个列可以通过设置formatter属性来指定其格式化函数。该函数接收两个参数：row（当前行的数据对象）和column（当前列的配置对象），并返回一个格式化后的字符串。

使用formatter可以对表格的数据进行各种格式化操作，比如格式化时间、加上单位、转换字符串等等。下面是一个简单的示例：

<el-table :data="tableData">
<el-table-column prop="price" label="价格" :formatter="formatPrice"></el-table-column>
</el-table>

<script>
export default {
data() {
return {
tableData: [
{ name: '商品1', price: 100 },
{ name: '商品2', price: 200 },
{ name: '商品3', price: 300 }
]
}
},
methods: {
formatPrice(row, column) {
return '￥' + row.price.toFixed(2); // 在价格前加上￥符号，并保留两位小数
}
}
}
</script>

在上面的示例中，通过设置formatter属性为formatPrice函数，实现了将价格数据格式化为带有￥符号的字符串，并保留两位小数。由于格式化操作是在客户端进行的，所以不会对原始数据进行修改。

通过使用el-table的formatter，我们可以轻松地对表格中的数据进行格式化处理，以满足各种显示需求。