Всякий раз, когда я маршрутизирую между двумя представлениями, все компоненты первого представления сбрасываются! есть ли способ сохранить состояния первого представления без сброса при маршрутизации? заранее спасибо.
<div>
<div id = "titleControl">
<router-link :to = "{ name: 'controls' }" class = "tablink borderLink">
Controls
</router-link>
<router-link :to = "{ name: 'logs' }" class = "tablink borderLink">
Logs
</router-link>
</div>
<router-view />
</div>
Одним из решений для этого является обертка <router-view>
внутри компонента <KeepAlive>
.
Сообщается об этой проблеме на GitHub — github.com/vuejs/router/issues/1306
И еще один ответ, который вы можете посмотреть на это предупреждение - stackoverflow.com/questions/70848012/…
Я получаю это предупреждение:
[Vue Router warn]: <router-view> can no longer be used directly inside <transition> or <keep-alive>. Use slot props instead: <router-view v-slot = "{ Component }"> <keep-alive> <component :is = "Component" /> </keep-alive> </router-view> vue-router.mjs:35