如何在Vue Good Table中选择特定的行元素?

时间:2020-05-28 08:16:17

标签: vue.js vue-good-table

我在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);
    }

pagination page 1 pagination page 2

0 个答案:

没有答案