BootstrapVue b-table 的类型检查失败：tbody-tr-class

Question

我想在 table 行的项目被编辑后更改其样式。我这里使用了vuex和BootstrapVue

b-table prop tbody-tr-class 设置为 rowClass 方法

<b-table
  :tbody-tr-class="rowClass"
  ...
>

rowClass 方法看起来像

rowClass(item, type) {
  if (item.status) return 'table-' + item.status

}

Component.vue 中设置项目状态的项目更新方法。

editItem(item) {
  item.status = 'success'
  this.$store.dispatch(UPDATE_ITEM, item)
  ...
},

我有一个错误

无效的道具：道具 "tbodyTrClass" 的类型检查失败。预期的字符串、数组、得到函数

但是接下来的描述在官方bootstrap-vue文档

Property tbodyTrClass

Type String, Array or Function

Description Classes to be applied to every row on the table. If a function is given, it will be called as tbodyTrClass( item, type ) and it may return an Array, Object or String.

我所做的一切看起来都与示例中的一样 here

Answer 1

升级到最新版本的 Vue 和 BootstrapVue。

BootstrapVue b-table 的类型检查失败：tbody-tr-class

type check failed with :tbody-tr-class for BootstrapVue b-table

vue.js

bootstrap-vue