Таблица начальной загрузки _showdetails закрывается при обновлении данных

Question

У меня есть таблица начальной загрузки, которая привязана к вычисляемому свойству, которое извлекает некоторые данные из моего хранилища vuex.

В каждой строке есть кнопка show_details, которая открывает вторую строку по этой ссылке: https://bootstrap -vue.js.org / документы / компоненты / таблица / # строка-подробности-поддержка

Однако, когда данные меняются в моем хранилище vuex, таблица перерисовывается и теряет свое состояние (все открытые строки 'show_details' возвращаются в закрытое).

Есть ли способ обновить данные таблицы в хранилище и в таблице, не теряя текущего состояния таблицы?

Answer 1

Получив новые данные из своего бэк-энда, перед обновлением хранилища вы можете перебрать массив старых элементов таблицы в поисках свойства _showDetails, а затем обновить настройку нового массива данных _showDetails, если строки одинаковы (скажем, с использованием первичного ключа или другого уникального идентификатора строки для сопоставления строк). Затем обновите массив элементов вашего магазина новыми данными.