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

Question

我想在编辑项目后更改表格行的样式。我在这里使用了 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 文档中给出

属性 tbodyTrClass

输入字符串、数组或函数

描述 应用于表中每一行的类。如果给定一个函数，它将被称为 tbodyTrClass(item, type)，它可能返回一个数组、对象或字符串。

我所做的一切看起来都与此处的示例相同

标签： vue.jsbootstrap-vue

Answer 1

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