vue.js 中的缓存视图

Question

我最近开始使用 vuejs 构建应用程序，并且有一个我无法解决的小问题：

我正在使用 vue-router 在页面之间跳转，假设我有一个巨大的列表，其中可能会使用 ajax 注入其他项目，用户必须滚动，他点击项目，查看详细信息（在新路线中）和当返回列表被重新初始化并且必须再次滚动到他之前的位置。在使用 vue-router 时，我是否有可能保持给定组件的状态（并查看滚动位置），还是必须在主应用程序组件中保留一些缓存实例，然后将其映射到 init 上？

谢谢。

Answer 1

本质上，问题在于您的组件在内部存储状态。导航离开会清除状态。我认为有两种方法可以处理。

1)（快速修复）而不是重定向，而是使用另一种显示项目详细信息的方式（浮现在脑海中的是模态或展开）。这样组件的状态就不会丢失

2) （“正确方式”）存储状态。不可避免地，您迟早会遇到这种情况，处理存储状态的最佳方法是 vuex。 https://vuex.vuejs.org/en/intro.html 最初，这需要一些学习并增加一些复杂性，但这是值得的投资