vxe-table+formatter

VxeTable是一个基于Vue.js开发的强大表格组件库，它结合了Element Plus的设计语言和性能优化，提供了丰富的功能和高度的定制性。Formatter选项在VxeTable中用于自定义数据展示的方式，允许开发者对表格中的每一列内容进行格式化处理。

当你在配置`formatter`属性时，可以传入一个函数，这个函数会接收当前行的数据以及当前单元格的原始值作为参数。你可以在这个函数内执行各种操作，比如转换日期格式、货币显示、HTML编码解码等，然后返回格式化后的字符串作为显示在表格中的值。

例如：

<template>
  <vxe-table
    :data="tableData"
    :columns="tableColumns"
    :formatter="customFormatter">
  </vxe-table>
</template>

<script>
export default {
  methods: {
    customFormatter(value, row) {
      // 格式化日期
      if (value instanceof Date) {
        return `${value.getMonth() + 1}/${value.getDate()}/${value.getFullYear()}`
      }
      
      // 转换货币格式
      else if (typeof value === 'number') {
        return `¥${value.toFixed(2)}`
      }

      // 返回原值
      return value;
    }
  },
  data() {
    return {
      tableData: ...,
      tableColumns: [...]
    };
  }
};
</script>