Setting _rowVariant on a click does not update the <b-table> items

I’ve done a lot of research on how one would implement a simple row highlight when using b-table. After reading about everything in the documentation I understood that _rowVariant is an item property that does just that. So I implemented it like so:

<b-table :items="items" @row-click="rowClicked"/>

rowClicked(item, index, event) {
  this.items[index]._rowVariant = "active";
}

The row does not get any class update in it’s DOM. So I added some other test like so (to update the name column):

rowClicked(item, index, event) {
  this.items[index].name = "Clicked me!";
}

Still no update. So I looked it up more and saw item providers and the refresh() call. So I tried another test like so:

<b-table ref="table" :items="getItems" @row-clicked="rowClicked"/>

getItems() {
  return this.items || [];
},
rowClicked(item, index, event) {
  this.items[index]._rowVariant = "active";
  this.$refs.table.refresh();
}

Still no success, am I doing something wrong or could it be a bug? Using: “bootstrap-vue”: “^1.4.0”, “vue”: “^2.5.13”,

[lmapii]

that’s very strange … i can even reproduce it with a simple jsfiddle: https://jsfiddle.net/ouxzag5j/6/

for contributing - don’t know. the issue is closed already since the force-update should do the trick too (but forces re-rendering)

[xorbis]

Adding this.$forceUpdate(); Solves the problem.