Как перезагрузить компонент VueJS?

Question

[seredaes]

Привет знатокам :)

Вот так у меня через роут включено кеширование для двух компонетов.
Все ок. Но порой мне нужно удалить кеш и перезагрузить компонент.

<keep-alive include="page1, page2">
     <router-view></router-view>
</keep-alive>

Я пробовал вот так
this.$forceUpdate();
Ошибки нет, но и результата нет...
Все делал в методе activated проверял значение в стейте VUEX и нужно сделать перезагрузку.

Я где-тол вычитал про window.location.reload() и тупо, но работает :) но зачем тогда Vue если все жестко перезагружается.
Я лишь неделю как выучил (в кавычках) VueJS и не все моменты понимаю.

Подскажите, как корректно включать и отключать кеширование внутри компонента.
Заранее спасибо за овтеты!

Answer 1

[Антон Антон]

https://jsfiddle.net/vd3jygLo/

Comments

[seredaes]

Чувак, ты же просто очищаешь данные.

А у меня 3 вкладки и огромный результат поиска.
Я кликаю на результат поиска и он открывается в новом роуте
(почему не попап, хз, до меня так сделали)

Поэтому я сделал кеширование, чтобы не заходить на 3-ю вкладку,
не отображать результаты поиска снова.
Я проверяю откуда зашел. Если с просмотра детального результата
из поиска - то отображаю кеш, а если с другого роута,
хочу отключить кеширование и перезагрузщить компонент
буд-то впервые зашел, только без перезагрузки страницы.

Я пока вручную чищу результат поиска, переключаюсь на первую вкладку,
но думаю, что есть красивый подход.

Я вот нашел статейку
https://michaelnthiessen.com/force-re-render
Но что-то не сработало...все равно открыта 3 вкладка, отображается результат поиска и т.д.

[Антон Антон]

seredaes, а вот все равно нифига не понятно. Телепат говорит, что keep alive тут не нужен, а нужно общее состояние с поисковым запросом, которое очищать при заходе на первую вкладку (если первая - главный экран, вторая - результат поиска, а третья - карточка чего-либо).