从 Vue.js 中的方法调用全局过滤器

Question

我有一个从这里使用的全局过滤器：https://www.npmjs.com/package/@vuejs-community/vue-filter-date-format 来格式化我可以从 html 调用的日期，如下所示：

{{new Date(VALUE) | dateFormat('MMM. DD, YYYY', dateFormatConfig)}}

我试图从一个方法中调用它。这就是 Vuejs 所说的调用方式。

this.$options.filters.FILTERNAME(VALUE)

但我不知道如何使这项工作。这不起作用，因为没有 VALUE

this.$options.filters.dateFormat('MMM. DD, YYYY', dateFormatConfig)

我也试过这个：

this.$options.filters.dateFormat('MMM. DD, YYYY', VALUE)

还有这个：

this.$options.filters.dateFormat(VALUE, 'MMM. DD, YYYY')

还有这个：

this.$options.filters.dateFormat('MMM. DD, YYYY', dateFormatConfig)(VALUE)

这些都不起作用。有谁知道如何从方法中正确调用它？

更新：

事实证明这确实有效：

this.$options.filters.dateFormat(VALUE, 'MMM. DD, YYYY')

我需要将 VALUE 转换为：new Date(VALUE)

所以最终结果是：

this.$options.filters.dateFormat(new Date(VALUE), 'MMM. DD, YYYY')

Answer 1

我认为您的过滤器注册有问题。在您的 index.js（主应用程序文件）中，您应该导入为 import VueFilterDateFormat from '@vuejs-community/vue-filter-date-format'; 然后 Vue.use(VueFilterDateFormat); 或者您可以在某些组件中本地注册它。 然后您将能够按照基本用法指示使用它 [here]