Невозможно получить доступ к "этому" в компонентном фильтре Vue

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