vue.js - 无法在 Vue 组件过滤器中访问“this”

Question

过滤器在组件选项中定义，如下所示：

Vue.extend({
  ...
  props: ['filterFn', ......],

  filters: {
    myFilter(value){
      return this.filterFn ? this.filterFn(value) : value;
    }
  },

  ...
});

它使用一个作为属性传递给组件的函数。

但它不起作用。

它告诉我它无法读取未定义的属性 filterFn ...

标签： vue.jsvue-componentvue-filter

Answer 1

过滤器不绑定到组件实例。改用一种方法。

https://forum.vuejs.org/t/why-does-this-inside-a-filter-function-is-undefined/18321 https://github.com/vuejs/vue/issues/5998