element-plus用formatter进行多个内容格式化

是的，Element Plus中的formatter可以用于对多个内容进行格式化。formatter是一个函数，它接收两个参数：row和column。row是当前行的数据对象，column是当前列的数据对象。您可以在formatter函数中处理这些数据并返回格式化后的内容。在多列的情况下，您可以在每列的column对象中设置相应的formatter函数来对不同的列进行不同的格式化。

以下是一个简单的示例，演示如何使用formatter对名称和日期两列进行格式化：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="Name" :formatter="nameFormatter"></el-table-column>
    <el-table-column prop="date" label="Date" :formatter="dateFormatter"></el-table-column>
  </el-table>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', date: '2021-05-01' },
        { name: 'Mary', date: '2021-06-10' },
      ],
    };
  },
  methods: {
    nameFormatter(row, column) {
      return `Name: ${row.name}`;
    },
    dateFormatter(row, column) {
      const date = new Date(row.date);
      return `Date: ${date.toLocaleDateString()}`;
    },
  },
};
</script>

在上面的示例中，nameFormatter函数将名称前面添加了“Name: ”，而dateFormatter函数将日期转换为本地日期字符串，并在前面添加了“Date: ”。这两个函数均通过formatter属性分别绑定到表格的名称列和日期列上。