在编辑项目后,我想更改表格行的样式。我在这里使用了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
一样答案 0 :(得分:0)
升级到最新版本的Vue和BootstrapVue。