Условное оформление строк таблицы Vue/Bootstrap с помощью класса CSS ⇐ CSS

[Anonymous]

Я работаю над проектом Vue/Bootstrap и пытаюсь условно изменить цвет строк в b-таблице на основе значений элементов в таблице. Я добился определенного успеха, используя метод, предложенный в этом посте. Пример из этого поста можно найти ниже:

Код: Выделить всё

export default {
data() {
return {
items: [ ... ],
fields: [ ... ]
}
},
methods: {
// ...
rowClass(item, type) {
if (item && type === 'row') {
if (item.released === true) {
return 'text-success'
} else {
return 'text-secondary'
}
} else {
return null
}
}
}
}

Я видел несколько примеров, подобных приведенному выше, но в каждом из них классы, возвращаемые rowClass (или эквивалентом), всегда являются стилями начальной загрузки (например, успех таблицы, опасность таблицы). Есть ли способ вместо этого вернуть класс CSS или переопределить классы начальной загрузки, чтобы я мог использовать собственный цвет? Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/784 ... -css-class