vue3配置全局过滤器

vue3配置全局过滤器

1. 需要在main.js中配置一下代码

//vue3配置全局过滤器
app.config.globalProperties.$filters = {
  //formatTime过滤器的名称
  formatTime(value: string) {
    if (!value) return "无";
    return dayjs(value).format("YYYY-MM-DD HH:mm");
  },
};

2. 使用的示例

 <template #operation="scope">
        {{ $filters.formatTime(scope.data.crtTime) }}
      </template>