Vue / AgGrid：浮动过滤器组件，对象单元格数据数组

Question

在我的AgGrid数据中，我有一列，其值是这样的对象数组：

...
media:
[
  { title: 'Facebook', site: 'http://www.facebook.com'},
  { title: 'Twitter', site: 'http://www.twitter.com'}
  { title: 'Instagram', site: 'http://www.instagram.com'}
]
...

我设法像这样通过cellRenderer出现

  

“ Facebook，Twitter，Instagram”

但是我的问题是我的浮动过滤器，我不知道如何过滤所有具有“ Facebook”媒体的列。

这是我自定义的浮动过滤器组件：

import Vue from 'vue'

export default Vue.extend({
  template: `
    <input type="text" @change="valueChanged($event)"/>
    `,
  data: function() {
    return {
      currentValue: ''
    }
  },
  beforeMount() {},
  mounted() {},
  methods: {
    valueChanged(event) {
      this.currentValue = event.target.value
      this.params.onFloatingFilterChanged({
        model: this.buildModel()
      })
    },

    onParentModelChanged(parentModel) {
      this.currentValue = !parentModel ? 0 : parentModel.filter
    },

    buildModel() {
      if (this.currentValue === 0) {
        return null
      }
      return {
        filterType: 'text',
        type: 'equalsTo',
        filter: this.currentValue,
        filterTo: null
      }
    }
  }
});