Vue-Table将类添加到所选行

时间:2018-03-15 08:48:32

标签: javascript vue.js html-table vuejs2 vue-component

我正在使用vue-table-component在我的视图上显示一个表格,可以轻松过滤和排序。但我在这里提出了一个问题。 我需要识别一个已被点击的行。我尝试了Issue #100的实现,但这并没有改变任何内容,也没有为点击的<tr>元素添加一个类。

我的组件如下:

<table-component
:data="this.runs.results"
sort-by="id"
sort-order="asc"
:show-caption=false
v-on:rowClick="rowClicked"
:row-class="highlight"
>

添加的方法定义如下:

highlight(row) {
    if (row.data) return this.highlightedRow === row.data.vueTableComponentInternalRowId ? 'highlight' : '';
    return '';
},
rowClicked(row) {
    this.expand = false;
    this.log = eval('`' + this.runs.results[row.data.id].logFile + '`');
},

是否有办法将类添加到选定的行?或者我在这里做错了什么?

0 个答案:

没有答案