Vue:我可以在计算属性内使用组件过滤器吗?

时间:2019-10-15 19:10:54

标签: vue.js vue-component

我在证监会中拥有

  filters: {
    localizedData: function () {
      return new Date(value).toLocaleString();
    }
  }

  computed: {
    todos() {
      return _.map(this.raw_todos, item => {
        return { 
          ...item.node,
          localizedData: this.$filters.localizedData(item.node.giorno)
        }
      });
    }
  },

不起作用的部分是

this.$filters

因为它是未定义的。 this是Vue实例,但是它没有$ filters ...我也尝试过

   this.localizeData(..)

但是.localizeData不是函数

我在做什么错,为什么?

1 个答案:

答案 0 :(得分:1)

就像@Eric Guan说的一样,过滤器位于this.$options.filters

您可以参考此https://stackblitz.com/edit/js-vue-filter-in-vm-instance

enter image description here