Как на Vue + Vue Router делают так, чтобы сохранялись данные в форме при переходе по страницам?

Question

[nomta]

Как на Vue + Vue Router реализовать такой функционал?

Пользователь заполняет форму, не отправляет сразу, переходит на другую страницу, потом возвращается. Нужно, чтобы данные, введенные в форму, не пропадали и ее не приходилось заполнять заново.

Answer 1

[alex]

cookie, localstorage, vuex

Comments

[#FFFFFF]

добавлю что vuex - если нужно только при переходах внутри приложения. localstorage - если надо хранить даже после перезагрузки страницы и выхода из браузера.

[Дархан]

Но и стоит помнить что он хранит максимум 8мб)

Answer 2

[Алексей Ярков]

Как вариант обернуть компонент в keep-alive (не спасет при перезагрузке страницы)

Comments

[nomta]

<keep-alive>
  <router-link to="/">Тут форма</router-link> 
</keep-alive>

Так не работает. Знаете способ как использовать keep-alive с vue router?

[Алексей Ярков]

nomta, все есть в документации
https://router.vuejs.org/api/#router-view

[nomta]

Спасибо, то что нужно!

[Алексей Ярков]

nomta, пожалуйста

[alex]

Алексей Ярков, разве keep-alive работает с router-view?

[Алексей Ярков]

Alex, конечно

[alex]

Алексей Ярков, ппц, сколько юзаю vue не знал что так можно. моя жизнь никогда не сталин брежнев