我在vue.js中使用vue_good_table plagin创建表。 我需要选择并突出显示特定行。我单击行,使用onRowClick(在documentation中使用),但是如果我接下来按下按钮(使用分页),也会选择该位置在桌子上的其他行。
onRowClick(params) {
console.log(params);
if(Object.keys(this.rowItem).length === 0) {
this.rowItem[params.pageIndex] = {
'id': params.row.id,
'login': params.row.login,
'pageIndex': params.pageIndex,
};
params.event.target.parentElement.bgColor = '0a6ebd';
} else {
for (var item in this.rowItem) {
if(this.rowItem[item].pageIndex === params.pageIndex) {
this.rowItem.splice(item, 1);
params.event.target.parentElement.bgColor = '';
} else {
this.rowItem[params.pageIndex] = {
'id': params.row.id,
'login': params.row.login,
'pageIndex': params.pageIndex,
};
params.event.target.parentElement.bgColor = '0a6ebd';
}
}
}
console.log(this.rowItem);
}