javascript - 如何在vue-tables-2中动态填充listColumns？

假设我有一个通过道具提供的类别名称数组。

在vue-tables-2中，如何在category选项中动态填充listColumns过滤器？

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"

最佳答案

您可以在选项中插入道具。

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