页面刷新后vue.js保持活动状态

Question

我想知道这是否/如何可能。

我的路线有一堆选择下拉菜单、一个或两个文本字段等。当我返回此视图时，我想用最后选择的值填充它们。

如果我将路由器视图包装在<keep-alive> 标记中，我可以在通过<router-link> 标记在路由之间导航时实现这一点。

但是，如果用户在一条路线上并刷新页面，然后导航回带有所有字段的原始路线，它们就会丢失，因为 keep-alive 不处理页面刷新（除非我错了） .

我应该只使用 url 查询字符串来调用所有字段值并完成它吗？有没有我没有想到的更好的方法来做到这一点？

Answer 1

当用户刷新页面时，整个应用程序会重新加载，数据也会重新加载。您可以使用一些built-in browser storage，例如本地存储，来存储数据并在用户打开应用程序时自动加载。