无法访问 Vue 组件过滤器中的“this”

Question

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

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

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

  ...
});

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

但这不起作用。

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

Answer 1

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

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