Как я могу динамически заполнить listColumns в vue-tables-2?

Question

Допустим, у меня есть массив имен категорий, доступных через реквизит.

В vue-tables-2 как я могу динамически заполнить фильтр category в listColumns option?

listColumns: {
  type: [{
    id: 1,
    text: 'User'
  },
  {
    id: 2,
    text: 'Admin'
  }],
  category: function () {
    this.categories.map((cat, index) => { return { id: index, text: cat } })
  }
}

При таком выполнении возвращается следующая ошибка:

[Vue warn]: Error in render: "TypeError: _this.opts.listColumns[column].filter is not a function"

Answer 1

Вы можете вставить свой реквизит в опции.

options: {
  filterByColumn: true,
    listColumns: {
        type: this.categories
    }
}