vxe-column 上的 formatter 怎么用

vxe-table 组件的 vxe-column 列中格式化时间

<vxe-column field="operateTime" title="操作时间">
	<template #default="{ row }">{{ row.operateTime | Time }}</template>
</vxe-column>

filters: {
  Time(e) {
    if (e !== null) {
      return moment(e).format('YYYY-MM-DD HH:mm:ss');
    }
  }
}

之前是 template + filters 实现格式化

其实不需要这样复杂

---

想在 vxe-table 组件的 vxe-column 列中格式化时间，可以使用 formatter 选项。

例如，如果你想将时间格式化为 YYYY-MM-DD HH:mm:ss，你可以这样做：

<vxe-column field="operateTime" title="操作时间" :formatter="timeFormat"></vxe-column>

然后在你的组件中添加一个 timeFormat 函数：

methods: {
	timeFormat (row, column, cellValue, index) {
		  return cellValue ? moment(cellValue).format('YYYY-MM-DD HH:mm:ss') : ''
	}
}

这样，你就可以在 vxe-table 的 vxe-column 列中格式化时间了。

注意：上面的例子使用了 moment.js 来格式化时间，你需要安装 moment.js 库才能使用它

import moment from ‘moment’;

vxe-column 列中展示序号

系统设置序号 type=seq 开启序号列

<vxe-column type="seq" title="序号" width="60"></vxe-column>