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

Question

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

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

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
    }
}