• 欢迎光临~

vue3配置全局过滤器

开发技术 开发技术 2022-09-23 次浏览

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");
  },
};
  1. 使用的示例
 <template #operation="scope">
        {{ $filters.formatTime(scope.data.crtTime) }}
      </template>
程序员灯塔
转载请注明原文链接:vue3配置全局过滤器
喜欢 (0)