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

Question

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

在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"

Answer 1

您可以在选项中插入道具。options: {  filterByColumn: true,    listColumns: {        type: this.categories    }}