Как сохранить последний открытый таб Vuikit во время сессии?

Question

[Сергей Примиренков]

Есть каталог на Vue, использую табы из Vuikit, в каждом табе свой список элементов, при переходе на страницу элемента и возврате назад, активным табом вновь становится первый. Как в пределах сессии, пока пользователь не вышел со страницы, сохранять последний открытый таб?

Answer 1

[0xD34F]

обернуть страницу с табами в keep-alive:

<keep-alive include="имя-компонента-страницы-с-табами">
  <router-view></router-view>
</keep-alive>

UPD. https://codesandbox.io/s/vue-template-811l1

Comments

[Сергей Примиренков]

А как быть, если наполнение одной из вкладок формирует пользователь? При открытии элемента в одной из вкладок можно добавить его в избранное - последнюю вкладку, но т.к. состояние сохраняется этот элемент появляется только после обновления страницы. Демка