类型检查因BootstrapVue b表的:tbody-tr-class失败

时间:2019-03-06 14:26:02

标签: vue.js bootstrap-vue

在编辑项目后,我想更改表格行的样式。我在这里使用了vuex和BootstrapVue。

b表道具 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)和   它可能会返回数组,对象或字符串。

我所做的一切与示例here

一样

1 个答案:

答案 0 :(得分:0)

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